# Media

Nicole Sullivan's media object is often referred to as the poster child of
object-oriented CSS and a fundamental building block of most websites.

<div class="example">
    <div class="gs-o-media">
        <div class="gs-o-media__img">
            <img src="https://placebear.com/200/200" alt="Bear" />
        </div>
        <div class="gs-o-media__body">
            <p>Here's a bear.</p>
        </div>
    </div>
</div>

```html
<div class="gs-o-media">
    <div class="gs-o-media__img">
        <img src="https://placebear.com/200/200" alt="Bear" />
    </div>
    <div class="gs-o-media__body">
        <p>Here's a bear.</p>
    </div>
</div>
```

<link rel="stylesheet" href="https://bbc.github.io/grandstand/assets/css/grandstand-latin-flexbox-4.1.0.enhanced.css">