Become a Flex Expert: Explore our Flex 2.0 Training Series now. Start Learning →
Flex Mode introduces the next level of drag-and-drop free form responsive design, all within Without Code’s easy to use, browser-based site builder
For the first time ever in the Without Code builder, you now have free-form control of placement and resizing of elements.
Flex Sections are adjusted per breakpoint automatically, ensuring quick and effortless responsive layouts.
Smart layout adjustments happen automatically when items are resized or rearranged.
Elements snap into place with guidelines that mark the spot, offering complete design accuracy.
Arrange responsive elements quickly and easily to create modern, sophisticated websites – without compromise in design.
Flex Sections are fully responsive out-of-the-box and look great on every screen. Breakpoints are customizable for those seeking even more control.
Flex Sections are available on all Without Code sites, and may be used interchangeably with regular sections.
Flex Sections are available on all Without Code sites, and may be used interchangeably with regular sections.
Open a site, add a Section, and choose a Flex Section. You can also access Flex by right-clicking on the Row label, and selecting Add > Flex section.
Nope. Flex is available on all sites at no additional cost.
The Without Code editor supports responsive site layout for desktop / tablet. To enable this, go to Global Design > Site Layout and toggle on the Responsive Desktop/Tablet.
Yes, you can. To prevent clients from editing a Flex section, right-click on the section to reveal the Context menu and click “Lock for client editing.”
Grid: The vertical and horizontal lines that give structure to the Flex Sections. Grids do not have content, but they enable you to arrange your content.
Cell: The space created by the vertical and horizontal lines of the grid. In a single grid, all cells are the same size.
Flexbox: Elements inside a flexbox stay fixed along a vertical or horizontal axis, and can be manipulated all at once. Reposition them in the Section, duplicate them, etc.
Container: Elements can be placed anywhere you want inside a container. Their position will stay relative inside the container and at all breakpoints.
Breakpoint: Point where a design adjusts for a specific screen width, enabling design to be responsive as it scales up and down. Default breakpoints are: main desktop (1025px-1399px), wide desktop (1400px and above), tablet (768px-1024px), mobile (767px and below), and mobile landscape (468px-767px).
Layers panel: Left-side panel that displays the elements in the Section (grids, widgets, text boxes, etc.). From here, you can select, rearrange and hide elements.
Design panel: Right-side panel that displays design controls for layout, sizing, alignment and more.
Learn tab: Access tutorials, videos and onboarding from here.
Sizing: You have multiple sizing options in Flex.
Flex 2.0 Training Series
Take your skills to the next level with our comprehensive Flex training series. Dive deep into the intricacies of Flex and unlock its full potential with expert guidance. Whether you're a beginner or an experienced developer, our curated series offers something for everyone.
A no-code website-building platform.
This website was built in Without Code.
Without Code Inc.
Resources
Products
Our Company