Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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
You can’t perform that action at this time.