1. Docs
  2. Objects
  3. Media
Buy Now Contact

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
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>
Contents: