Containers are how 10Web Website Builder now organizes and lays out webpages. Instead of just sections, columns, and inner sections, with 10Web you get the added efficiency of containers. 10Web AI Builder generates and converts websites using Flexbox containers. These containers are adept at holding various elements of your page, including 10Web widgets and other containers. When one container is placed inside another, it's referred to as a nested or child container.
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.