Skip to content

Instantly share code, notes, and snippets.

@leongaban
Created November 5, 2014 19:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save leongaban/b76731d4a6138ce0f9f8 to your computer and use it in GitHub Desktop.
Save leongaban/b76731d4a6138ce0f9f8 to your computer and use it in GitHub Desktop.
Boiler plate for Responsive Media Queries
/* RESPONSIVE MEDIA QUERIES
====================================================
==================================================== */
/* 1600
==================================================== */
@media all and (max-width: 1600px) {
}
/* 1400
==================================================== */
@media all and (max-width: 1400px) {
}
/* 1300
==================================================== */
@media all and (max-width: 1300px) {
}
/* 1260
==================================================== */
@media all and (max-width: 1260px) {
}
/* 1200
==================================================== */
@media all and (max-width: 1200px) {
}
/* 1100
==================================================== */
@media all and (max-width: 1100px) {
}
/* 1000
==================================================== */
@media all and (max-width: 1000px) {
}
/* 990
==================================================== */
@media all and (max-width: 990px) {
}
/* 900
==================================================== */
@media all and (max-width: 900px) {
}
/* 850
==================================================== */
@media all and (max-width: 850px) {
}
/* 800
==================================================== */
@media all and (max-width: 800px) {
}
/* 768 (Mobile Break)
==================================================== */
@media all and (max-width: 768px) {
}
/* 740
==================================================== */
@media all and (max-width: 740px) {
}
/* 640
==================================================== */
@media all and (max-width: 640px) {
}
/* 600
==================================================== */
@media all and (max-width: 600px) {
}
/* 500
==================================================== */
@media all and (max-width: 500px) {
}
/* 400
==================================================== */
@media all and (max-width: 400px) {
}
/* 360
==================================================== */
@media all and (max-width: 360px) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment