W3.CSSLesson 3Free preview

W3.CSS Containers

This lesson is part of W3.CSS · All levels

Summary

Containers are the primary packaging that allows internal spacing so that text does not stick to the edges of the screen. It provides w3-containers for padded boxes, w3-content for maximum centralized width, and w3-auto for width of content elements with automatic margins. The combination of the two forms the foundation of each page layout. (W3.CSS)

Key points

The w3-container provides a horizontal padding so that the contents have breathing space.
W3-content limits maximum width and centers it automatically
W3-auto makes the width of the elements with left-right margin automatically
Stacking containers in cages keeps the rhythm of space consistent

Full lesson

Code examples and quizzes

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