Layout Test

The background below is in the wrapping group, which allows background images, then columns inside. The group is set to full width.

Column

Columns without the wrapping background group.

Proin velit dolor, gravida id enim a, maximus venenatis enim. Donec ut viverra tellus, et luctus erat. Fusce ac felis ante. Vivamus velit nisl, vulputate et dignissim quis, suscipit sit amet lorem. Nullam sodales dolor a libero luctus, vel auctor nisl congue. Phasellus ut venenatis ex, ut vestibulum purus. Curabitur sit amet nunc ut nunc ultricies sodales mollis eget metus.

Column

Set to content width, justification set to left.

Padding added all around.

Proin velit dolor, gravida id enim a, maximus venenatis enim. Donec ut viverra tellus, et luctus erat. Fusce ac felis ante. Vivamus velit nisl, vulputate et dignissim quis, suscipit sit amet lorem. Nullam sodales dolor a libero luctus, vel auctor nisl congue. Phasellus ut venenatis ex, ut vestibulum purus. Curabitur sit amet nunc ut nunc ultricies sodales mollis eget metus.

Media Text Block

Proin velit dolor, gravida id enim a, maximus venenatis enim. Donec ut viverra tellus, et luctus erat. Fusce ac felis ante. Vivamus velit nisl, vulputate et dignissim quis, suscipit sit amet lorem. Nullam sodales dolor a libero luctus, vel auctor nisl congue. Phasellus ut venenatis ex, ut vestibulum purus. Curabitur sit amet nunc ut nunc ultricies sodales mollis eget metus.

Media Text Block (Cropped)

When you resize the page, you will see how cropped acts compared to not.

Proin velit dolor, gravida id enim a, maximus venenatis enim. Donec ut viverra tellus, et luctus erat. Fusce ac felis ante. Vivamus velit nisl, vulputate et dignissim quis, suscipit sit amet lorem. Nullam sodales dolor a libero luctus, vel auctor nisl congue. Phasellus ut venenatis ex, ut vestibulum purus. Curabitur sit amet nunc ut nunc ultricies sodales mollis eget metus.

Media Text Block

Proin velit dolor, gravida id enim a, maximus venenatis enim. Donec ut viverra tellus, et luctus erat. Fusce ac felis ante. Vivamus velit nisl, vulputate et dignissim quis, suscipit sit amet lorem. Nullam sodales dolor a libero luctus, vel auctor nisl congue. Phasellus ut venenatis ex, ut vestibulum purus. Curabitur sit amet nunc ut nunc ultricies sodales mollis eget metus.

Column, with Cover image, set to full width

The cover image is set to a 3:2 aspect ratio, and overlay set to zero.

Proin velit dolor, gravida id enim a, maximus venenatis enim. Donec ut viverra tellus, et luctus erat. Fusce ac felis ante. Vivamus velit nisl, vulputate et dignissim quis, suscipit sit amet lorem. Nullam sodales dolor a libero luctus, vel auctor nisl congue. Phasellus ut venenatis ex, ut vestibulum purus. Curabitur sit amet nunc ut nunc ultricies sodales mollis eget metus.