The Media and text component allows editors to lay out content on larger screens more effectively.
Instead of being restricted to the maximum width of the body block, the Media and text component allows you to use the full width of the content area, with text and media sitting side by side in configurable column widths.
If you think your page would benefit from this component, follow the steps below.
Step 1
Make sure you're outside any existing component and select Media and text component from options at top of body block.
Step 2
Choose your layout preferences.
Step 3
Click into the media field and insert either a Feature image or Video block.
Example usage
Inline image
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.
Velit esse cillum dolore eu fugiat nulla pariatur.
Feature image
Great for for slightly more visual emphasis, but doesn't utilise the full width of the page.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.
Velit esse cillum dolore eu fugiat nulla pariatur.
Use the Media and text block instead
Utilise the full width of the page and give maximum visual impact
50 / 50 layout example
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.
Velit esse cillum dolore eu fugiat nulla pariatur.