W3.CSSLesson 4Free preview

W3.CSS Panels

This lesson is part of W3.CSS · All levels

Summary

Panels are padded containers used to group content such as notes, summaries, or short messages. It provides a class w3 panel that provides direct padding, and the panel can be colored in the background or a line of focus on the side. With the panel, the information blocks look neat and separate from the main content. (W3.CSS)

Key points

W3-panel is a padded container for grouping a set of elements
The panel is easily colored like w3-panel w3-pale-yellow
The w3-leftbar and w3-rightbar add thick lines as markers
Panel is suitable for notes, quotes, and status messages

Full lesson

Code examples and quizzes

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