Text and image right (Medium)

A two column layout with a medium-sized image on the right.

Categories

Image and Text

Keywords

columns row

Preview

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.

Note: Live previews like this may not be actual size. All previews are limited to the width of the content area and are displayed with additional padding around them.

Notes

This pattern is a Bootstrap row and needs to be placed within an existing container
This pattern uses a square image as a default, but there is space in the column for a slightly wider image.
This layout uses 4 Bootstrap grid columns for the photo, and eight for the text.
The image will appear on top of the text at mobile screen sizes.