The Full Screen Side by Side layout lets you place two elements — such as text and media — next to each other in a full-width, immersive block. It's perfect for creating visually striking slides that combine content with images or videos.
Adding the Full Screen Side by Side Layout
To add the layout, hover over the right edge of the editor canvas. Click on Add a content block and select Full Screen Side by Side.
Once added, the block will appear with two default areas: a text field on the left and a media placeholder on the right for you to fill in.
Editing the Content Inside the Block
Click directly on the text area to start typing or editing your content. The standard text toolbar will appear at the top, letting you change font size, style, color, alignment, and more.
On the media side, you'll see an Add element prompt with options to insert an Image, Video, or Media grid. Click your preferred option to open the media picker.
From the media picker, you can search for stock images or videos, upload your own files, use AI Generate, or browse GIFs and logos. Select your media and click Use media to add it to the block.
Customizing the Layout Block
Clicking on different parts of the block gives you different customization options. Here's a breakdown of each level:
Clicking on an Individual Element
When you click on a specific element (like the text box or the media grid), a contextual toolbar appears. For the media grid element, foir, you'll see options for Edit content, Align, Style, Radius, Layout, and Anchor.
Clicking on the Inner Container (Both Elements Area)
If you click on the area that contains both elements together (but not on the outer full-screen frame itself), you'll see options to adjust:
Align — horizontally or vertically
Background color
Border color
Border — adjust border thickness using a slider
Layout
Anchor
Clicking on the Full Screen Layout Frame
Clicking on the outermost full-screen layout frame (labeled Full screen in the top-left corner of the block) gives you the most global customization options:
Align — horizontal and vertical alignment
Background — add a background image or video behind the entire block
Background color
Height — adjust the block height
Layout — change the container ratio (40/60, 50/50, 60/40) and media position (Left or Right), as well as the layout style (Straight or Diagonal)
Anchor
Use the Container ratio setting to control how much horizontal space each side takes up. The Media position setting lets you flip which side your media appears on — Left or Right.
Tip: The Diagonal layout style adds an angled divider between the two sides for a more dynamic visual effect.








