Breakpoints
Ready for useVoyager uses media queries to support responsive design. It is constructed using a mobile first approach, meaning styles are written by default for small-screen devices and scaled up for larger viewports.
Sass variable | Viewport width |
---|---|
$breakpoint-xs
|
480px |
$breapoint-sm
|
768px |
$breapoint-md
|
992px |
$breapoint-lg
|
1200px |
$breapoint-xl
|
1600px |