The Media Object, A Bunch of Ways

The Media Object pattern is: image thingy on the left, heading and text on the right.

That's what Nicole Sullivan called it and the name stuck. It's a pretty simple pattern, but like all things web design, it can be done many ways.

Bootstrap's version, which uses table layout in v3 and flexbox in v4.

Let's take a crack at a lot of those ways. In these demos, I'm not particularly focusing on naming conventions, semantics, or browser support. …

The Media Object, A Bunch of Ways is a post from CSS-Tricks