W3.CSSLesson 19Free preview

W3.CSS Page Content

This lesson is part of W3.CSS · All levels

Summary

This section discusses how to arrange the content of a page for easy reading: containers with limited width, responsive images, and a neat hierarchy of headings and paragraphs. W3.CSS provides w3-content to limit reading width, w3-image to follow containers, and various class sizes of text. With proper arrangement, visitors do not quickly tire of reading.

Key points

W3-content limits the width of the page so that paragraphs are not too long
W3-image makes the image adjust the width of the container
W3-jumbo is used for a big title that draws attention.
Arrange content in consistently spaced sections
Always test the display on a small screen before it's considered complete.

Full lesson

Code examples and quizzes

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