Width: 320 px
Mobile: 1.43%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 320 px
Mobile: 1.43%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 360 px
Mobile: 6.9%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 360 px
Mobile: 6.9%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 375 px
Mobile: 14.5%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 375 px
Mobile: 14.5%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 384 px
Mobile: 2.49%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 384 px
Mobile: 2.49%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 390 px
Mobile: 15.37%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 390 px
Mobile: 15.37%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 393 px
Mobile: 7.95%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 393 px
Mobile: 7.95%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 412 px
Mobile: 6.58%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 412 px
Mobile: 6.58%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 414 px
Mobile: 7%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 414 px
Mobile: 7%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 428 px
Mobile: 4.47%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 428 px
Mobile: 4.47%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 430 px
Mobile: 6.45%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Fix width
Width: 430 px
Mobile: 6.45%
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: /
Scale: 1
Width: 576 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: SM*
Fix width
Width: 576 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: /
Bootstrap: SM*
Scale: 1
Width: 601 px
Mobile: %
Tablet: 3.99%
Desktop: %
Tailwind: /
Bootstrap: SM
Fix width
Width: 601 px
Mobile: %
Tablet: 3.99%
Desktop: %
Tailwind: /
Bootstrap: SM
Scale: 1
Width: 640 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: SM*
Bootstrap: SM
Fix width
Width: 640 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: SM*
Bootstrap: SM
Scale: 1
Width: 744 px
Mobile: %
Tablet: 4.55%
Desktop: %
Tailwind: SM
Bootstrap: SM
Fix width
Width: 744 px
Mobile: %
Tablet: 4.55%
Desktop: %
Tailwind: SM
Bootstrap: SM
Scale: 1
Width: 768 px
Mobile: %
Tablet: 24.9%
Desktop: 2.28%
Tailwind: MD*
Bootstrap: MD*
Fix width
Width: 768 px
Mobile: %
Tablet: 24.9%
Desktop: 2.28%
Tailwind: MD*
Bootstrap: MD*
Scale: 1
Width: 800 px
Mobile: %
Tablet: 5.64%
Desktop: 2.56%
Tailwind: MD
Bootstrap: MD
Fix width
Width: 800 px
Mobile: %
Tablet: 5.64%
Desktop: 2.56%
Tailwind: MD
Bootstrap: MD
Scale: 1
Width: 810 px
Mobile: %
Tablet: 16.03%
Desktop: 3.44%
Tailwind: MD
Bootstrap: MD
Fix width
Width: 810 px
Mobile: %
Tablet: 16.03%
Desktop: 3.44%
Tailwind: MD
Bootstrap: MD
Scale: 1
Width: 820 px
Mobile: %
Tablet: 9.42%
Desktop: 2.08%
Tailwind: MD
Bootstrap: MD
Fix width
Width: 820 px
Mobile: %
Tablet: 9.42%
Desktop: 2.08%
Tailwind: MD
Bootstrap: MD
Scale: 1
Width: 834 px
Mobile: %
Tablet: 5.94%
Desktop: %
Tailwind: MD
Bootstrap: MD
Fix width
Width: 834 px
Mobile: %
Tablet: 5.94%
Desktop: %
Tailwind: MD
Bootstrap: MD
Scale: 1
Width: 960 px
Mobile: %
Tablet: 1.23%
Desktop: %
Tailwind: MD
Bootstrap: MD
Fix width
Width: 960 px
Mobile: %
Tablet: 1.23%
Desktop: %
Tailwind: MD
Bootstrap: MD
Scale: 1
Width: 962 px
Mobile: %
Tablet: 1.4%
Desktop: %
Tailwind: MD
Bootstrap: MD
Fix width
Width: 962 px
Mobile: %
Tablet: 1.4%
Desktop: %
Tailwind: MD
Bootstrap: MD
Scale: 1
Width: 992 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: MD
Bootstrap: LG*
Fix width
Width: 992 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: MD
Bootstrap: LG*
Scale: 1
Width: 1024 px
Mobile: %
Tablet: 4.78%
Desktop: 1.34%
Tailwind: LG*
Bootstrap: LG
Fix width
Width: 1024 px
Mobile: %
Tablet: 4.78%
Desktop: 1.34%
Tailwind: LG*
Bootstrap: LG
Scale: 1
Width: 1200 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: LG
Bootstrap: XL*
Fix width
Width: 1200 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: LG
Bootstrap: XL*
Scale: 1
Width: 1280 px
Mobile: %
Tablet: 4.47%
Desktop: 11.18%
Tailwind: XL*
Bootstrap: XL
Fix width
Width: 1280 px
Mobile: %
Tablet: 4.47%
Desktop: 11.18%
Tailwind: XL*
Bootstrap: XL
Scale: 1
Width: 1334 px
Mobile: %
Tablet: 1.83%
Desktop: %
Tailwind: XL
Bootstrap: XL
Fix width
Width: 1334 px
Mobile: %
Tablet: 1.83%
Desktop: %
Tailwind: XL
Bootstrap: XL
Scale: 1
Width: 1366 px
Mobile: %
Tablet: %
Desktop: 9.03%
Tailwind: XL
Bootstrap: XL
Fix width
Width: 1366 px
Mobile: %
Tablet: %
Desktop: 9.03%
Tailwind: XL
Bootstrap: XL
Scale: 1
Width: 1400 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: XL
Bootstrap: XXL*
Fix width
Width: 1400 px
Mobile: %
Tablet: %
Desktop: %
Tailwind: XL
Bootstrap: XXL*
Scale: 1
Width: 1440 px
Mobile: %
Tablet: %
Desktop: 5.79%
Tailwind: XL
Bootstrap: XXL
Fix width
Width: 1440 px
Mobile: %
Tablet: %
Desktop: 5.79%
Tailwind: XL
Bootstrap: XXL
Scale: 1
Width: 1470 px
Mobile: %
Tablet: %
Desktop: 1.4%
Tailwind: XL
Bootstrap: XXL
Fix width
Width: 1470 px
Mobile: %
Tablet: %
Desktop: 1.4%
Tailwind: XL
Bootstrap: XXL
Scale: 1
Width: 1536 px
Mobile: %
Tablet: %
Desktop: 10.6%
Tailwind: 2XL*
Bootstrap: XXL
Fix width
Width: 1536 px
Mobile: %
Tablet: %
Desktop: 10.6%
Tailwind: 2XL*
Bootstrap: XXL
Scale: 1
Width: 1600 px
Mobile: %
Tablet: %
Desktop: 2.15%
Tailwind: 2XL
Bootstrap: XXL
Fix width
Width: 1600 px
Mobile: %
Tablet: %
Desktop: 2.15%
Tailwind: 2XL
Bootstrap: XXL
Scale: 1
Width: 1680 px
Mobile: %
Tablet: %
Desktop: 1.42%
Tailwind: 2XL
Bootstrap: XXL
Fix width
Width: 1680 px
Mobile: %
Tablet: %
Desktop: 1.42%
Tailwind: 2XL
Bootstrap: XXL
Scale: 1
Width: 1920 px
Mobile: %
Tablet: %
Desktop: 22.23%
Tailwind: 2XL
Bootstrap: XXL
Fix width
Width: 1920 px
Mobile: %
Tablet: %
Desktop: 22.23%
Tailwind: 2XL
Bootstrap: XXL
Scale: 1
Width: 2560 px
Mobile: %
Tablet: %
Desktop: 3.15%
Tailwind: 2XL
Bootstrap: XXL
Fix width
Width: 2560 px
Mobile: %
Tablet: %
Desktop: 3.15%
Tailwind: 2XL
Bootstrap: XXL