Size
Set how wide and tall a media or child element is, including separate mobile sizes, using the shared Size tab.
Some blocks add a Size tab that sets how big a single element is — how wide it stretches and how tall it stands — with separate overrides for phones. It appears on blocks built around one piece of content, such as Media, Gallery, Card, and Logo.
Size sets the dimensions of the element itself. Layout controls do something different — they arrange a block's container and the items inside it (direction, alignment, gap). Reach for Size to make one image bigger or shorter; reach for Layout to space several items out.
Not every block exposes every control below — some show only Width, others add Height, an aspect ratio, or the mobile overrides. Each block's page notes what it offers and its starting values.
Width
Choose Fit, Fill, or Custom.
- Fit — only as wide as the content needs.
- Fill — spans the full width available (the usual default).
- Custom — reveals a Custom Width slider. Measured in pixels it runs 50–1200px in steps of 10, starting at 300px; measured as a percentage it runs 1–100% in steps of 1, starting at 100%. The block decides which unit it uses.
Height
Choose Fit, Fill, or Custom.
- Fit — only as tall as the content needs (the usual default).
- Fill — matches the height available.
- Custom — reveals a Custom Height slider with the same ranges as Custom Width: 50–1200px in steps of 10 (starting at 300px), or 1–100% in steps of 1 (starting at 100%).
Aspect Ratio
Some blocks add Aspect Ratio to fix the shape of the frame regardless of the source image: Auto (default), 1:1, 4:3, 16:9, 3:2, 2:3, 3:4, or 9:16. Combine it with Fit above to crop a tall photo into a wide banner, or the reverse.
Mobile Width and Mobile Height
Where a block supports per-phone sizing, Mobile Width and Mobile Height override the desktop values on small screens, using the same Fit / Fill / Custom choices. Mobile Width starts at Fill and, when set to Custom, reveals a Custom Mobile Width slider matching the desktop ranges. Mobile Height starts at Fit. Leave them as they are and the element keeps its desktop size on phones.
Mobile sizing here is one part of adapting a page for small screens. For the full picture — stacking, hiding, and resizing across devices — see Designing for mobile.