Layout properties of Sections

/breakpoints

So far, we’ve explored layout changes at the canvas level, including moving entire columns and rearranging elements within those columns at different breakpoints.

Now, let’s take a closer look at how you can make layout adjustments from the design panel. In this lesson, we'll focus on how to use the design panel to control the layout properties of Sections.

From the design panel, you can adjust settings such as width, height, padding, margins, alignment, and background options. These properties give you more precise control over how each Section looks and behaves across different devices.

By combining canvas-level edits with design panel adjustments, you’ll have the flexibility to create layouts that are both visually balanced and responsive.