Media object
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 left of a block of content
<div class="media">
<img class="media__img" 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
Classic OOCSS media object. The principles outlined in these posts underpin the approach to the development of this pattern library.