Breakpoints

Breakpoints are used to adjust the layout and appearance of elements in the interface based on different screen sizes.

import Breakpoints from '@dynatrace/strato-design-tokens/breakpoints';

Sample	Token Name	Value	Description
	Breakpoints.Max.Mobile	640px	Use with @media max-width to apply styles to mobile-sized screens.
	Breakpoints.Min.Tablet	641px	Use this with @media min-width, to apply styles to tablet and wider screen sizes.
	Breakpoints.Max.Tablet	960px	Use with @media max-width to apply styles to tablets and smaller screens.
	Breakpoints.Min.Desktop	961px	Use this with @media min-width, to apply styles to desktop and wider screen sizes.
	Breakpoints.Max.Desktop	1920px	Use with @media max-width to apply styles to desktops and smaller screens.
	Breakpoints.Min.Widescreen	1921px	Use this with @media min-width, to apply styles to widescreen desktop and wider screen sizes.