Media object

A media object should be used to display events or articles.

View example of the pattern media object

Media object (with circular image)

You can add an is-round state to the .p-media-object__image element to create a circular image style, which we recommend to be use for head shots of people.

View example of the pattern media object

Large media objects

Use large variant of media object pattern to display details of a single object on a page.

View example of the pattern media object large