Modifyting breakpoints & the modifyting the default view
Posted: Sat Nov 19, 2022 8:45 am
I was updating an older website, and wanted a slightly higher resolution. So I added a new breakpoint on 1280px, meaning I ended up with breakpoints at 320, 480, 768, default & 1280px. Playing around, I understood that the default didn't work out, so I added a new breakpoint at 970px. So now I have breakpoints at 320, 480, 768, 970 & 1280px (and the default 970px never gets active). Everything seems to work out fine for the moment, but before proceeding, I'd like to get confirmation that my setup if fine.
I read a lot of posts about breakpoints, and I read and understood that the default should normally be at the highest resolution, with breakpoints at lower resolutions. In my case, the default (970px) is not the highest resolution. Is this really an issue? I do understand that ideally speaking, my breakpoints should be at 320, 480, 768, 970 while my default should be at 1280px. But that's not the case, and the ideal case is difficult to achieve. Let's assume that I would have the ideal setup (with the default at 1280px), and within a couple of years, I want to add a new breakpoint at 1600px, then at that time, the default at 1280px would once more not contain the highest resolution?
Right now, my default is at 970px but I have a 1280px breakpoint. Is there a way to easily make the 1280px breakpoint the default? Or should I simply not care, and leave things as is and proceed (as things seem to work fine). Or should I adapt the default (currently at 970px) and update its page-width to a value like 6000px? Doing so, it would become the one with the highest resolution and conform with the rules, but never be activated, as no browser window ever reaches 6000px, meaning that at most the 1280px breakpoint would be displayed, which is what I want.
Thx for your feedback, JC
I read a lot of posts about breakpoints, and I read and understood that the default should normally be at the highest resolution, with breakpoints at lower resolutions. In my case, the default (970px) is not the highest resolution. Is this really an issue? I do understand that ideally speaking, my breakpoints should be at 320, 480, 768, 970 while my default should be at 1280px. But that's not the case, and the ideal case is difficult to achieve. Let's assume that I would have the ideal setup (with the default at 1280px), and within a couple of years, I want to add a new breakpoint at 1600px, then at that time, the default at 1280px would once more not contain the highest resolution?
Right now, my default is at 970px but I have a 1280px breakpoint. Is there a way to easily make the 1280px breakpoint the default? Or should I simply not care, and leave things as is and proceed (as things seem to work fine). Or should I adapt the default (currently at 970px) and update its page-width to a value like 6000px? Doing so, it would become the one with the highest resolution and conform with the rules, but never be activated, as no browser window ever reaches 6000px, meaning that at most the 1280px breakpoint would be displayed, which is what I want.
Thx for your feedback, JC