Link Search Menu Expand Document

CSS framework breakpoints

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