style fixes

src/components/UI/homepage/HomeHero.tsx

@@ -10,7 +10,7 @@ export const HomeHero: FC = () => {
       border='2px solid'
       borderColor='brand.light.primary'
       px={4}
-      py={{ base: 8, m:24, lg: 4 }}
+      py={{ base: 8, md: 24, lg: 48 }}
       flexGrow={1}
     >
       <Box mb={4}>

src/pages/index.tsx

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