This layout is best for a strong visual and a small amount of text.
You can swap which side the photo goes on by configuring the section and selecting 75% 25% for extra wide sizes.
This proportion only works well with larger screen sizes and switches to a 50% 50% layout for smaller monitors and laptops.
This is a 2 column 50% 50% edge to edge no gutters
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
If you have a dark or light background set and want to add space around your content, you want to apply padding, not margins. Background colors extend with padding, but not with margins.
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
- Cras ornare tristique elit.
- Vivamus vestibulum ntulla nec ante.
This photo is fairly large at 1624x1080 but with the max-width of 100% we ensure the photo does not overflow the content area. It's best to use photos closer to the size you want. You can configure Drupal to provide more options than the few here.