twbs / bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Home Page:https://getbootstrap.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add a (missing) breakpoint larger than xxl

superware opened this issue · comments

Hello,

  • The vast majority of desktop monitors worldwide are FHD (1920x1080 pixels) and up.
  • The average distance between existing breakpoints (5.3.x) is roughly 200 pixels.
  • The distance between 1400 and 1920 is (a vast void of) 520 pixels.

Combining these three facts should lead to the conclusion that a new OOTB breakpoint between 1400 and 1920 makes a lot of sense, and will be very (very (very)) useful.

XXL was added in v5 to help with this. I don't know if I see us adding a 2xl just yet. Folks can fairly quickly add this in our $grid-breakpoints Sass variable and recompile to take advantage of additional tiers. When we get into v6 development more, we can ask this question again though and see if it makes sense to scale up one more time.

It is worth noting for v6 that Tailwind offers a 2xl (but no xs) at 1536px. https://tailwindcss.com/docs/responsive-design

So we agree v5 brought XXL to close the gap which was huge (1140~1920) as a non-breaking change. What is preventing us from closing this gap further one last time the same way? Sorry, failed to understand the rational here.