From 264186b540d1cd684a04462578a1cf8161eccc25 Mon Sep 17 00:00:00 2001
From: Binu42 <kbinu42@gmail.com>
Date: Sat, 3 Oct 2020 14:33:17 +0530
Subject: [PATCH] auto-fill schedule switch btn with 200px in grid.

---
 src/components/sections/Schedule.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/sections/Schedule.js b/src/components/sections/Schedule.js
index 05db930..cdd83c6 100644
--- a/src/components/sections/Schedule.js
+++ b/src/components/sections/Schedule.js
@@ -109,7 +109,7 @@ class Schedule extends React.PureComponent {
           </Tabs>
 
           <List>
-          <h2 style={{marginLeft: '0.2rem'}}>Day {activeDay}</h2>
+            <h2 style={{ marginLeft: '0.2rem' }}>Day {activeDay}</h2>
             {SCHEDULE[activeDay - 1].value.map(({ time, label }) => (
               <Item key={time}>
                 <Time>{time}</Time>
@@ -129,8 +129,8 @@ const Tabs = styled.div`
   grid-gap: 32px;
   justify-content: center;
   @media (max-width: ${props => props.theme.screen.sm}) {
-    grid-template-columns: 100%;
     grid-template-rows: auto;
+    grid-template-columns: repeat(auto-fill, 200px);
     grid-gap: 1em;
   }
 `;