From a3fe3a5621d7d0da0f428f241ad032f29046dca1 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Tue, 12 Jul 2022 11:03:01 +0300
Subject: [PATCH] pages/index: margin for laptop-hd

---
 UIKit/mq.ts     | 1 +
 pages/index.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

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%;
   }