Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.
To create a layout that adapts and responds effectively to different screen sizes and devices. Breakpoints are specific points or ranges of screen widths where you make design and layout adjustments to ensure optimal readability, usability, and visual presentation.
| Token | Breakpoint | Range | Usage |
|---|---|---|---|
| md | 992px | 0 - 992px | Portrait - large tablet > desktop |
Set the max-width property is useful for creating responsive layouts. By defining a maximum width for elements, you can ensure that they don't overflow or become too wide on larger screens. This helps maintain readability, avoid excessive whitespace, and create a more visually pleasing layout.
| Max width | Usage |
|---|---|
| 1400px | To prevent becoming too wide on larger screens |