123
user profile image

Inspired by Brad Frost's amazing responsive pattern library (http://bradfrost.github.com/this-is-responsive/patterns.html), this is a demo of a common RWD pattern I've encountered in my work. For lack of a better name, I've called this pattern a "Feature Block."

The idea is to have a media object style layout for large enough screens (a left floated image and header and body copy to the right, or vice versa) but also keep the source order as 1. header, 2. image, 3. body copy for a single column layout. In line with This is Responsive's pattern library, I've kept the code mobile first.

Comments

  1. No comments yet.

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...