Skip to content

Instantly share code, notes, and snippets.

@mdang

mdang/RWDPATTERNS.md

Last active August 29, 2015 14:21
Show Gist options
  • Save mdang/6a0e236d3d2097ee41df to your computer and use it in GitHub Desktop.
Save mdang/6a0e236d3d2097ee41df to your computer and use it in GitHub Desktop.
Download ZIP
Responsive Web Design Patterns
Raw
RWDPATTERNS.md

###Responsive Web Design Patterns###

Let's spend some time experimenting with all the different responsive web design patterns we have available to us. There are different resources on the web for finding them, but here's a nice list:

https://bradfrost.github.io/this-is-responsive/patterns.html

  1. Spend a few minutes glancing through some of these and play around with them in the Chrome mobile emulator.
  2. Choose one you want to work with, and slightly adjust the percentage values to see how it adjusts in the browser now.
  3. Integrate 2 responsive images within the layout.

BONUS: Integrate a responsive YouTube video into one of the fluid containers on the page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment