Media

The media component represents a highly-flexible container, that allows authors to add an object (generally an image) to the left or right of other content. The container has no set width or height.

Overall usage

Used where there is a need to place an object to the left or right of other content.

Accessibility

N/A

.media

Used to place an object to the left of other content.

Lorem ipsum dolor sit amet consect etuer adipi scing elit sed diam nonummy nibh euismod tinunt ut laoreet dolore magna aliquam erat volut.

<div class="media">
  <a href="#" class="media__feature">
    <img src="100x100.png" alt="">
  </a>
  <div class="media__body">
    Lorem ipsum dolor...
  </div>
</div>

.media--rev

Used to place an object to the right of other content.