pages/index: margin for laptop-hd

2022-07-12 11:03:01 +03:00 · 2022-07-12 11:03:01 +03:00 · a3fe3a5621
commit a3fe3a5621
parent b03609c114
2 changed files with 5 additions and 1 deletions
--- 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,
 };
--- 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%;
  }