Responsive components

2021-08-28 15:28:20 +02:00
parent ae463059dd
commit 810cea40b3
10 changed files with 31 additions and 25 deletions
--- a/pages/signup.tsx
+++ b/pages/signup.tsx
@ -24,7 +24,7 @@ export default function SignUp() {
      <GlobalHeader />
      <Box mb='60px'>
        <Container maxW={'container.md'} position='relative'>
-          <SimpleGrid columns={2} spacing='15px' my='80px'>
+          <SimpleGrid columns={[1, 1, 2]} spacing='15px' my={['30px', '30px', '80px']}>
            <Box p='20px' rounded='5px' borderWidth={2}>
              <Box textAlign='left'>
                <Heading mb='10px' fontSize='23px' fontWeight={700}>Monthly Updates</Heading>