Published |
28/03/2021 |
Last Updated |
17/11/2024 |
Bootstrap 5
https://getbootstrap.com/docs/5.0/layout/breakpoints/
Breakpoint |
Class infix |
Screen size |
X-Small |
None |
< 576px |
Small |
sm |
>= 576px, < 768px |
Medium |
md |
>= 768px, < 992px |
Large |
lg |
>= 992px, < 1200px |
X-Large |
xl |
>= 1200px, < 1400px |
XX-Large |
xxl |
>= 1400px |
TailwindCSS
https://tailwindcss.com/docs/container
Breakpoint |
Class infix |
Screen size |
Small |
sm |
<= 640px |
Medium |
md |
<= 768px |
Large |
lg |
<= 1024px |
X-Large |
xl |
<= 1280px |
XX-Large |
2xl |
<= 1536px |
Bulma
https://bulma.io/documentation/overview/responsiveness/
Breakpoint |
Screen size |
|
mobile |
<= 768px |
|
tablet |
>= 769px, < 1024px |
|
desktop |
>= 1024px, < 1216px |
|
widescreen |
>= 1216px, < 1408px |
|
fullhd |
>= 1408px |
|