Breakpoints: Difference between revisions

From DiviFree
No edit summary
No edit summary
Line 2: Line 2:
==BreakPoints Divi==
==BreakPoints Divi==


The 3 Divi breakpoints are:
===3 Divi Breakpoints :===


* Desktop >= 981px
# Desktop >= 981px
* Tablet 980px - 768px
# Tablet 980px - 768px
* Mobile <= 767px
# 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 :

  1. Desktop >= 981px
  2. Tablet 980px - 768px
  3. 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) {
    ...
  }