Section elements are fundamental building blocks of your web design, providing structure and organization to your webpage. They act as areas where you can group related content together, helping to create a clear, logical flow.
Each section comes with a Container element by default, and we highly recommend using one or more of them within sections. Containers provide greater control over the layout and styling of your content, helping to organize and structure it more effectively.
Sizing
By default, section elements take up the full width of the body, making them perfect for dividing your content into distinct blocks. You can adjust the size of your section in the Style tab.
The section element auto-adjusts to fit your content. If you set a maximum width or height, and the content exceeds it, it may overflow. Make sure your size settings match the content to avoid layout issues.
Advanced tab settings
The Tag name setting determines the HTML tag applied to your section element. By default, it uses the section tag, but you have the flexibility to customize it if needed. You can specify another appropriate tag depending on the structure and semantics of your page. The dropdown list includes suggestions, but you can also manually enter any tag name you prefer.
