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>