Skip to content

Instantly share code, notes, and snippets.

@beenhero

beenhero/media_quries_example.css

Created September 15, 2011 02:51
Show Gist options
  • Save beenhero/1218403 to your computer and use it in GitHub Desktop.
Save beenhero/1218403 to your computer and use it in GitHub Desktop.
Download ZIP
media quries
Raw
media_quries_example.css
#sidebar { float: left; width: 300px; }
@media only screen and (max-width: 479px) { #sidebar { float: none; } }
@media only screen and (min-width: 480px) and (max-width: 767px) { #sidebar { float: none; } }
@media only screen and (min-width: 768px) and (max-width: 959px) { #sidebar { width: 240px; } }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment