Skip to content

Latest commit

 

History

History
31 lines (22 loc) · 1.67 KB

README.md

File metadata and controls

31 lines (22 loc) · 1.67 KB
Raw

Google Inbox with CSS Flexbox/Grid

How to use

You can follow along the steps I took to build this app by following along in the code commit history.

Steps we took in class (HTML + CSS):

  1. Blank Slate
  2. Where we got to in class

Steps in React.js:

  1. Add css grid a. Add mobile styles
  2. Header
  3. Left sidebar
  4. Right sidebar
  5. Main
  6. Icons

To run

yarn && yarn start # or npm install && npm run start

Purpose

Look through the Commit History to see the steps that were taken to create a rough model of Google Inbox using flexbox + grid.

This repo was originally intended for a presentation I gave at OpenWest Conference 2018.

* This project was bootstrapped with Create React App.