From f481720735d587461e980e0f89f141881a081be9 Mon Sep 17 00:00:00 2001
From: Sergiu <46888793+Serj10GR@users.noreply.github.com>
Date: Fri, 4 Sep 2020 11:18:46 +0300
Subject: [PATCH] Ott 405 match grid (#124)

---
 src/features/MatchesGrid/styled.tsx | 9 ++++++++-
 src/features/Search/styled.tsx      | 3 +++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/features/MatchesGrid/styled.tsx b/src/features/MatchesGrid/styled.tsx
index 78464351..b28df056 100644
--- a/src/features/MatchesGrid/styled.tsx
+++ b/src/features/MatchesGrid/styled.tsx
@@ -8,6 +8,13 @@ export const Wrapper = styled.ul`
   grid-gap: 13px;
  
   @media${devices.large} {
-    grid-template-columns: repeat(auto-fit, minmax(279px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(270px, 280px ));
+  }
+
+  @media${devices.tablet} {
+    justify-content: center;
+  }
+  @media${devices.mobile} {
+    grid-template-columns: repeat(auto-fit, minmax(279px, 1fr ));
   }
 `
diff --git a/src/features/Search/styled.tsx b/src/features/Search/styled.tsx
index 284d79c5..5214561f 100644
--- a/src/features/Search/styled.tsx
+++ b/src/features/Search/styled.tsx
@@ -31,6 +31,9 @@ export const Form = styled.form<{isMatch: boolean}>`
         margin-top: 25px;
         background-color: transparent;
       }
+      @media${devices.mobile} {
+        margin-top: 20px;
+      }
   }
   
   @media${devices.desktop} {