Fix layout.

2022-06-24 09:39:49 -05:00
parent 9c18730126
commit 7b36b040e5
7 changed files with 151 additions and 119 deletions
--- a/src/components/tutorial/sections/TutorialLinks.tsx
+++ b/src/components/tutorial/sections/TutorialLinks.tsx
@@ -18,9 +18,9 @@ const TutorialLinks = (): JSX.Element => {
        {"More Info"}
      </Heading>
      <HStack
+        display={{ base: "none", lg: "flex" }}
        h="auto"
        w="100%"
-        display={{ base: "none", lg: "flex" }}
        justifyContent="center"
        alignContent="center"
        spacing={4}
@@ -49,9 +49,9 @@ const TutorialLinks = (): JSX.Element => {
        })}
      </HStack>
      <VStack
+        display={{ base: "flex", lg: "none" }}
        h="auto"
        w="100%"
-        display={{ base: "flex", lg: "none" }}
        justifyContent="center"
        alignContent="center"
        spacing={4}