10Web Website Builder uses Flexbox containers to organize webpages, offering greater efficiency than sections, columns, and inner sections. Containers hold page elements like widgets and other containers, and when placed inside another, they become nested or child containers.
There are principally two container categories:
- Grid containers: Designed with symmetrical row-column layouts, and
- Flexbox containers: Offer asymmetrical design layouts.
Flexbox containers offer a plethora of creative liberties and boosts design efficiency.
Optimized web page performance
One of the pronounced benefits of containers is the enhanced page performance. Unlike the dual wrapper elements in sections and columns, containers have just one. This streamlined structure effectively reduces the DOM (Document Object Model) size, potentially enhancing the performance of your web page when implemented correctly.
Design freedom
When you nest child containers within parent ones, you gain unmatched control over direction, alignment, order, length, and positioning of 10Web widgets. Plus, there's no need for extra sections or columns, making the process seamless.
Resilient web design
10Web containers empower designers with the agility to rearrange web page components. This ensures consistent element arrangement across varying screen dimensions, delivering a superior user experience.
Multipurpose web elements
Boost your design workflow with 10Web container's feature to repurpose web elements. Design a container, populate it with your desired elements, save, and redeploy it wherever needed, saving time and ensuring consistency.
The introduction of containers in 10Web Website Builder signifies a new era of web design capabilities, maximizing 10Web Builder’s potential.
What’s next
Now that you've grasped the power of Flexbox Containers, you’ll need to learn how to create containers to further enhance your understanding.