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 to constrain screen sizes that are 640px wide or less.
	Breakpoints.Min.Tablet	641px	Use to constrain screen sizes that are 961px wide or more.
	Breakpoints.Max.Tablet	960px	Use to constrain screen sizes that are 641px wide or more.
	Breakpoints.Min.Desktop	961px	Use to constrain screen sizes that are 1920 wide or less.
	Breakpoints.Max.Desktop	1920px	Use to constrain screen sizes that are 960px wide or less.
	Breakpoints.Min.Widescreen	1921px	Use to constrain screen sizes that are 1921px wide or more.