This page introduces the core foundation for your page layouts. Such as general structure, container sizes, sections, grids and more.
Take your time to review these core aspects and easily implement their structure into your own projects.
Review the below graphic to understand the general page structure. Our components are built with a simple visual development approach that helps you easily add sections and content to your page.
Containers hold our content, they set structure to our pages by defining max-widths for our content to expand too.
FlowUI provides a set of 5 default container sizes, these are based on popular and recommended sizes such as 1280px, 1140px and more. These are commonly used across the web, but you can simple change the element on this page if you have specific requirements.
The div-blocks below provide our core page sections. Easily adjust these to suit your own project.
You can use this as a guideline for how we might structure a page effectively.
These are the base grid structure that comes include with FlowUI and can help you achieve most common grid based layouts.
When add a unique grid layout, simply follow the naming structure
Build clean, scalable and consistent websites with FlowUI. The Webflow development system built for visual developers and designers.
