GridLesson 317Free preview
Blog Layout
This lesson is part of How To · All levels
Summary
Blog layouts arrange a list of posts to be easily scanned, usually with one flagship article and several other article cards. Each post should include article elements, headings, machine-readable dates, and brief summaries. The sidebar contains a category or archive, and on a small screen the entire column is stacked to stay comfortable.
Key points
- Use articles for each post and time with datetime attributes
- Display the full title, date, summary, and link read
- The flagship article is placed most prominently at the top
- A sidebar may contain a category, archive, or popular post
- Set up a column on your phone and avoid the sidebar too wide
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.