Media

Use .o-media to strucutre your media component content.

Usage

Use .o-media to strucutre your media components.
.o-media__img holds the image itself while o-media__content holds the content.

You can use spacing utilities to add space between the image and the content.

Adam Losert

A Web developer and designer

<div class="o-media">
    <div class="o-media__img u-mr-small">
    	<div class="c-avatar">
    		<img class="c-avatar__img" src="/img/avatar.jpeg" alt="Adam">
    	</div>
    </div>

    <div class="o-media__content">
    	<h5>Adam Losert</h5>
    	<p>A Web developer and designer</p>
    </div>
</div>