chore: update spacing between sections on home and /downloads pages

src/components/UI/downloads/SpecificVersionsSection.tsx

@@ -8,7 +8,11 @@ interface Props {
 
 export const SpecificVersionsSection: FC<Props> = ({ children }) => {
   return (
-    <Grid id='specificversions' templateColumns={{ base: '1fr', md: '300px 1fr' }} gap={4}>
+    <Grid
+      id='specificversions'
+      templateColumns={{ base: '1fr', md: '300px 1fr' }}
+      gap={{ base: 4, lg: 8 }}
+    >
       <GridItem w='auto'>
         <Box h='100%'>
           {/* TODO: replace with animated/video version */}

src/pages/downloads.tsx

@@ -299,7 +299,7 @@ const DownloadsPage: NextPage<Props> = ({ data }) => {
       <PageMetadata title={METADATA.DOWNLOADS_TITLE} description={METADATA.DOWNLOADS_DESCRIPTION} />
 
       <main id='main-content'>
-        <Stack spacing={4}>
+        <Stack spacing={{ base: 4, lg: 8 }}>
           <DownloadsHero
             currentBuild={LATEST_RELEASES_DATA.releaseName}
             currentBuildVersion={LATEST_RELEASES_DATA.versionNumber}

src/pages/index.tsx

@@ -32,7 +32,10 @@ const HomePage: NextPage = ({}) => {
         <Stack spacing={4}>
           <HomeHero />
 
-          <Grid templateColumns={{ base: 'repeat(1, 1fr)', lg: 'repeat(2, 1fr)' }} gap={4}>
+          <Grid
+            templateColumns={{ base: 'repeat(1, 1fr)', lg: 'repeat(2, 1fr)' }}
+            gap={{ base: 4, lg: 8 }}
+          >
             <GridItem rowSpan={2}>
               {/* SECTION: What is Geth */}
               <HomeSection