diff --git a/UIKit/mq.ts b/UIKit/mq.ts index 27d55b6..0e01a54 100644 --- a/UIKit/mq.ts +++ b/UIKit/mq.ts @@ -1,6 +1,7 @@ const screens = { tablet: 768, laptop: 1024, + 'laptop-hd': 1280, desktop: 1680, 'desktop-xl': 1921, }; diff --git a/pages/index.tsx b/pages/index.tsx index 99b5210..b626d31 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -29,8 +29,11 @@ const Grid = styled(Box)` grid-template-columns: 2fr 1fr; } - ${min('desktop')} { + ${min('laptop-hd')} { grid-template-columns: 2fr 1fr 1.5fr; + } + + ${min('desktop')} { margin: 8px 5%; }