Web BuildingLesson 65Free preview
Web Layout
This lesson is part of W3.CSS · All levels
Summary
The web layout arranges content in orderly order across different screen sizes. W3.CSS uses the row and column pattern: .w3-row as row and .w3-col with a responsive width class for its column. For more advanced needs, CSS flexboxes and modern grids are the top choices.
Key points
- It gives a safe horizontal distance from the edge of the screen (.w3-container)
- .w3-row and .w3-col form the base grid W3.CSS
- The broad class uses the prefixes s, m, and l for small, medium, large
- Flexbox to set one dimension, grid to two dimensions
- Media query specifies additional rules per screen size
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.