-
-
Notifications
You must be signed in to change notification settings - Fork 32.7k
Closed
Labels
breaking changeIntroduces changes that are not backward compatible.Introduces changes that are not backward compatible.design: materialThis is about Material Design, please involve a visual or UX designer in the processThis is about Material Design, please involve a visual or UX designer in the processpackage: joy-uiSpecific to Joy UI.Specific to Joy UI.
Milestone
Description
According to the official https://material.io/design/layout/responsive-layout-grid.html#breakpoints, the breakpoints should be as follow:
xs: 0 - 600
sm: 600 - 1024
md: 1024 - 1440
lg: 1440 - 1920
xl: > 1920
Yet currently, MUI has the following as default
xs: 0 - 600
sm: 600 - 960
md: 960 - 1280
lg: 1280 - 1920
xl: > 1920
Edit:
- The values were updated in https://material.io/blog/material-design-for-large-screens, the new values: https://material.io/design/layout/responsive-layout-grid.html#breakpoints
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
breaking changeIntroduces changes that are not backward compatible.Introduces changes that are not backward compatible.design: materialThis is about Material Design, please involve a visual or UX designer in the processThis is about Material Design, please involve a visual or UX designer in the processpackage: joy-uiSpecific to Joy UI.Specific to Joy UI.