• Patterns
  • Media

Media object with reverse image

A handsome Bill Murray
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis nesciunt sapiente possimus hic quibusdam deserunt ullam aut corrupti maxime debitis nisi culpa maiores rerum mollitia, soluta saepe asperiores quam aliquam.

Usage notes

For displaying an image to the right of a block of content

  
<div class="media">
  <img class="media__img--reverse" src="http://fillmurray.com/100/100" alt="A handsome Bill Murray">
  <div class="media__body">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis nesciunt sapiente possimus hic quibusdam deserunt ullam aut corrupti maxime debitis nisi culpa maiores rerum mollitia, soluta saepe asperiores quam aliquam.
  </div>
</div>

Developer Notes

OOCSS media object with a twist.