From 3a7099bebe5778219f1ef9164a0bcf40c4423fd0 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 28 Aug 2021 13:06:30 +0200
Subject: [PATCH] Responsive homepage grid

---
 pages/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 723d4dee4..76c524f50 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -26,7 +26,7 @@ export default function Home() {
             <Text fontSize='16px'>We also have a <Link textDecoration={'underline'} href={'#'} fontWeight={600}>YouTube
               channel</Link> which we hope you are going to love.</Text>
           </Box>
-          <SimpleGrid columns={{ xl: 3, md: 3, sm: 2, base: 1 }} spacing='20px'>
+          <SimpleGrid columns={{ xl: 3, md: 3, sm: 2, base: 1 }} spacing={['10px', '10px', '15px']}>
             <HomeRoadmapItem colorIndex={0} title={'Frontend'}
                              subtitle={'Step by step guide to becoming a frontend developer in 2021'} />
             <HomeRoadmapItem colorIndex={1} title={'Backend'}