- Review the homework
March 31, 2020
Hey everyone, today's lecture will include a review of last week's homework, and then I'll move on to introducing Flexbox. If you didn't have any problems with the homework and everything works perfectly, feel free to skip to the next section!
If you want to watch the section on fluid layouts, skip to minute 17:56. To watch the section on setting heights, you can start at 22:00.
For more on
vh vs percentages: vh vs percentages
Flexible Box Module, aka flexbox, "aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic" (1).
Read this article: https://css-tricks.com/snippets/css/a-guide-to-flexbox/#flexbox-background and then watch the video below. Refer back to the article as I go through the example. It'll make a lot more sense! Follow along with the video for more practice.
Next class, we'll spend more time on flexbox layouts and I'll introduce your mini-project (the one that replaces your Mastery Exam).