Skip to content

DEV Community

Alex Carpenter

Posted on Feb 4, 2020 • Originally published at alexcarpenter.me

How to make your own CSS media object pattern

#css

Originally created by Nicole Sullivan back in 2010, the media object is a common web pattern that "could save you hundreds of lines of code".

View the demo on CodePen

Top comments (0)

Subscribe

Read next

A Top Navigation Menu for a Klondike Solitaire Game, That Changes Aspect on Mobile Devices

quantotius - Oct 22

Maximize Your Workflow with These SASS Mixins and Functions

serhatbek - Oct 10

CSS Flexbox: Creating a Hero Section

Tailwine - Oct 10

How to create timer Counter with Html, Css, and Javascript.

Jay Ferg - Oct 10

I am a self taught developer that works best when floating in between design and engineering teams. I enjoy sharing what I know via short instructional screencasts and the occasional written post.

Location

Grand Rapids, MI
Work

UI Engineer
Joined

Dec 13, 2017

How to add gradient overlays to images with CSS

How to use the object-fit CSS property to scale images responsively

How to create skewed backgrounds with CSS