Breakpoints: Difference between revisions
From DiviFree
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
==BreakPoints Divi== | ==BreakPoints Divi== | ||
===3 Divi Breakpoints :=== | |||
# Desktop >= 981px | |||
# Tablet 980px - 768px | |||
# Mobile <= 767px | |||
===Breakpoints CSS=== | |||
<pre> | <pre> | ||
/*** Responsive Styles Large Desktop And Above ***/ | /*** Responsive Styles Large Desktop And Above ***/ | ||
Revision as of 18:29, 24 February 2023
BreakPoints Divi
3 Divi Breakpoints :
- Desktop >= 981px
- Tablet 980px - 768px
- Mobile <= 767px
Breakpoints CSS
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
...
}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
...
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
...
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
...
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
...
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
...
}