Flexbox &
Responsive Design

Joel Ross
Autumn 2019

Plan for Today

  1. Check-In & Review

  2. Demo: Flexbox

  3. Demo: Basic Media Queries

  4. Work Time (as available)

https://pollev.com/joelross

Check In

Demo: Flexbox

Responsive Design

Demo: Media Queries

Work time!

(Problem Set 03)

Action Items!

  • Catch up on Problem Sets

    • Should be finished with 01 and 02

  • Problem Set 03 due next Monday

    • ​Do Problem A by Thu to stay on track

  • Read: through Chapter 9

 

Lab: Managing projects with GitHub

Next Time: Responsive CSS Frameworks

Updating Problem Sets

I will update problem sets as we find and fix bugs in the test suites. You will need to pull these changes into your local copy.

# cd into the project director
cd path/to/repo

# add a reference to the updated version (only once!)
# replace `03` with the problem set number
git remote add upstream https://github.com/info340a-au19/problem-03-starter

# pull in changes - watch for merge conflicts!
git pull upstream master

# install new dependencies (if any)
npm install

info340au19-flexbox

By Joel Ross

info340au19-flexbox

  • 645

More from Joel Ross