Flexbox Media Object Examples

These flexbox media objects can be used as is, or modified to suit.

Media object - left image

Basic media object with an image on the left.
- View example
Media object - right image

Basic media object with an image on the right.
- View example
Media object - nested

Basic media object with another one nested inside.
- View example
Media object - Unicode emoji

Basic media object with a Unicode emoji instead of a regular image. Here's a full list of Unicode emojis.
- View example
Media object - HTML entity

Same as the emoji example, except this uses an HTML named character reference — otherwise known as an HTML entity. Here's a full list of HTML entities.
- View example