Skip to content

Commit c74caea

Browse files
committed
Re-order breakpoints in CSS-in-JS document
This is more "mobile first".
1 parent 71a2b12 commit c74caea

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

css-in-javascript/README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -138,16 +138,16 @@
138138
```js
139139
// bad
140140
const breakpoints = {
141-
desktop: '@media (min-width: 1048px)',
142-
tablet: '@media (max-width: 1047px)',
143141
mobile: '@media (max-width: 639px)',
142+
tablet: '@media (max-width: 1047px)',
143+
desktop: '@media (min-width: 1048px)',
144144
};
145145
146146
// good
147147
const breakpoints = {
148-
large: '@media (min-width: 1048px)',
149-
medium: '@media (max-width: 1047px)',
150148
small: '@media (max-width: 639px)',
149+
medium: '@media (max-width: 1047px)',
150+
large: '@media (min-width: 1048px)',
151151
};
152152
```
153153

0 commit comments

Comments
 (0)