Skip to content

[theme] Improve the breakpoints values #21902

@mwskwong

Description

@mwskwong

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:

Metadata

Metadata

Assignees

No one assigned

    Labels

    breaking changeIntroduces changes that are not backward compatible.design: materialThis is about Material Design, please involve a visual or UX designer in the processpackage: joy-uiSpecific to Joy UI.

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions