Today’s goals:

• Review CSS
• Start learning about flexbox, a CSS layout method used to create mobile-friendly sites

 Today’s featured website:

• https://codepen.io/jaymierosen/pen/KZweop– And the Pantone color of the year is….

 Your CSS Questions

• In groups of 2 at your tables, you will create 2 lists:
  1. The CSS you know well and feel comfortable with
  2. The CSS you find confusing and feel less comfortable with
• We will add our lists to this Google Doc when you’re done
• You will try to explain and find answers to these CSS questions when we get back together as a group. For example, maybe someone knows how to add a background image and can explain that to you while you can explain to that person how to add a Google Font.
• Challenge questions: Why is the image on today’s class post funny? How could the issue be fixed (there is more than one answer to this)?

 Self-guided reviews

• You will spend time on any of the following topics you feel as though you need to review:
  • Box model
  • Positioning
  • Floats
  • Classes, IDs, and div tags
  • Display, block, inline, inline-block
  • Selectors, properties, and values
  • HTML and CSS comments
  • Don’t see what you’re looking for? Try w3school.com’s CSS tutorials.

 When you’re done:

• Please complete this CSS questions survey
• Start looking at CSS flexbox, a layout method used to create responsive (mobile-friendly) websites”
  1. Play Flexbox Froggy to learn some of the flex properties while helping out some frogs
  2. See the what the flexbox properties do by selecting different options here: http://the-echoplex.net/flexyboxes/