Why dose Quasar use these CSS breakpoints?
-
As we know, the width of the web page is different from that of the devices/resolutions, so many factors should be considered in the design of the web page, instead of occupying the whole screen width. The following breakpoints are used by Quasar Framework.
Vuetify uses the following breakpoints:
In my opinion, the breakpoints of Vuetify are better. Why dose Quasar Framework use these breakpoints different from other UI Frameworks. -
Here are the Material Design break points, which we try to follow. But, they change these often. Seems like they can’t settle on consistency.
https://material.io/design/layout/responsive-layout-grid.html#breakpoints -
Also, if you’re up to it, you can change these values to suit your own needs via sass variables
-
@Hawkeye64 That’s what I’m doing. No better solution in my mind. And I wonder why the container class has not been added to Quasar Framework to limit the width of main container (so everything). I know I easily assign contaner width, but I want to know why they didn’t do it. We know many popular UI frameworks have container class.
-
@qiuchen yo, if you have a good suggestion or way of implementing things, better make a pr or a feature request in quasar repo, instead of comparing why this and that, imho.
-
@metalsadman @Hawkeye64 Hmmm… I am new in Quasar Framework. I’m just talking about its differences with others. Thank you for time and support.
