Screens

Text and components will adjust responsively to the viewport size.

Breakpoints

Text and components will auto-resize at defined breakpoints

Breakpoint	Component size	Text scale	Screen prefix	Usage
1920 and above	lg	lg	3xl (3x-large)	1920+
1280-1919	md	md	2xl (2x-large)	1280-1919
Under 1280	sm	sm	xl (x-large)	1024-1279
			lg (large)	768-1023
			md (medium)	640-767
			sm (small)	480-639
			xs (extra-small)	0-479