Watch in-depth video walkthroughs to get to know your advanced creation platform.
Learn how to structure a website on Editor X using pages, sections and containers. Add as many pages and sections as you need, rearrange them and navigate between them using layers and breadcrumbs.
Take a tour of the Inspector panel where you control size, position and behavior of all elements on your website. This is an overview of all the properties and dropdown options on the panel.
Create tailor-made experiences for every device with custom breakpoints. Find out where to find breakpoints on Editor X, and how to use them to edit style, position and behavior of elements at every viewport width.
Discover 3 layouting tools on Editor X that harness the power of Flexbox technology. With Stack, Layouter and Repeater, you can let your content seamlessly adjust across all viewports.
Find out how to design intricate layouts using CSS Grid. See how to apply a grid, dock elements to gridlines and edit the grid with custom units.
Dive in to the concept of Masters, headers and footers on Editor X. Explore the Masters panel, how to turn any section into a Master, and how to save, reuse, and redesign them.
Explore the building blocks of your Editor X canvas. Learn how to work with sections to create multiple design experiences on every site page.
Add new sections, apply grids, flip them to vertical and customize their style and layout per breakpoint.
See how you can use designed sections to learn new design techniques and bootstrap your creation process.
Each section comes with built-in responsive behavior and can be broken apart and customized.
Understand hierarchy on Editor X and see how the parenting model influences the behavior between elements. Discover the effects of hierarchy on the styling and positioning of elements across all breakpoints.