HTML & CSS LayoutLesson 24Free preview

Layout Patterns

This lesson is part of Intro to HTML & CSS · All levels

Summary

After understanding the flex and grid, the material summarizes the general layout patterns: the holy grail layout, the cards, the sidebar, and the simple responsive layout. You also see the limitations of the old float-based pattern. Tested patterns speed up the construction of neat patios.

Key points

Holy grail: header, footer, left-right sidebar, and main content
Card pattern: media, title, summary, and link in one box
Flexbox for simple lines, grid for whole page layout

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.