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.