Skip to content

Instantly share code, notes, and snippets.

@d8m18n
Created January 21, 2017 08:16
Show Gist options
  • Save d8m18n/4ae6674a003af880cba4e94b39a72a0a to your computer and use it in GitHub Desktop.
Save d8m18n/4ae6674a003af880cba4e94b39a72a0a to your computer and use it in GitHub Desktop.
Divi theme breakpoints
/**
* Divi theme breakpoints - thanks to https://divibooster.com/css-media-queries-for-the-divi-theme/
*/
/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) {
/* your css goes here */
}
/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
/* your css goes here */
}
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
/* your css goes here */
}
/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
/* your css goes here */
}
/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
/* your css goes here */
}
/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
/* your css goes here */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment