Skip to content

Commit

Permalink
Update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
SharmaineLim committed Mar 22, 2024
1 parent 3f31a21 commit c56aade
Showing 1 changed file with 4 additions and 1 deletion.
5 changes: 4 additions & 1 deletion docs/front-end/breakpoints.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,11 @@ The breakpoints we use are:
$breakpoints: (
'medium' '(min-width: 599px)',
'large' '(min-width: 1023px)',
'x-large' '(min-width: 1280px)'
'x-large' '(min-width: 1280px)',
'xx-large' '(min-width: 1800px)'
);
```

Other breakpoints can be added to this map as required, however the breakpoints should be used sparingly and only when the design requires it.

These breakpoints should match the screen sizes set up in `tailwind.config.js`.

0 comments on commit c56aade

Please sign in to comment.