Structural pattern that defines the sections of a page.
[Section]
[Section] V Wrapper| Class name | Element type | Purpose | Position in the DOM |
|---|---|---|---|
[Section] |
section | Contain section | Direct child of [Page] Main |
[Section] V Wrapper |
div | Define the space between the content and the vertical borders of the section | Direct child of [Section] |
[Section] H Wrapper |
div | Define the space between the content and the horizontal borders of the section | Direct child of [Section] V Wrapper |
| Class name | Variation |
|---|---|
[Section] V Wrapper x Reduced |
Halves the value of the space between the content |
Prev
<aside> ⬅️ [Page]
</aside>
Next
<aside> ➡️ [Container]
</aside>