Skip to content

Commit f1dae43

Browse files
authored
Merge pull request #434 from Yesom-Lee/patch-1
Breakpoints Docs fix
2 parents 87c43bd + 22be93b commit f1dae43

File tree

1 file changed

+8
-3
lines changed
  • apps/landing/src/app/(detail)/docs/devup/breakpoints

1 file changed

+8
-3
lines changed

apps/landing/src/app/(detail)/docs/devup/breakpoints/page.mdx

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,25 @@ export const metadata = {
88

99
# Breakpoints
1010

11-
You can add responsive design by using an array of maximum 5 elements. The viewport ranges of each style
11+
You can add responsive design by using an array of maximum 6 elements. The viewport ranges of each style
1212
value in the array are listed below:
1313

1414
- 1st element: ~ 479px,
1515
- 2nd element: 480px ~ 767px,
1616
- 3rd element: 768px ~ 991px,
1717
- 4th element: 992px ~ 1279px,
18-
- 5th element: 1280px ~
18+
- 5th element: 1280px ~ 1599px,
19+
- 6th element : 1600px ~
1920

2021
## How to use
2122

2223
```tsx
2324
const box = (
24-
<Box bg={['red', 'blue', 'green', 'yellow', 'purple']} h={25} w={25}>
25+
<Box
26+
bg={['red', 'blue', 'green', 'yellow', 'purple', 'orange']}
27+
h={25}
28+
w={25}
29+
>
2530
<Text>Hello</Text>
2631
</Box>
2732
)

0 commit comments

Comments
 (0)