W3.CSSLesson 16Free preview

W3.CSS Rows

This lesson is part of W3.CSS · All levels

Summary

A line is a horizontal container that holds several columns to align in a single line. On the W3.CSS you use w3-row, then you put the w3-col element in it. There's also w3-row-padding that adds spacing between columns so that the content doesn't get crowded.

Key points

W3-row makes a row container that holds the float column inside
W3-col is placed as a child of w3-row
W3-row-padding gives padding on each column in a row
Columns with breakpoint prefixes adjust to screen width
Several rows can be stacked to form a page section

Full lesson

Code examples and quizzes

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