Mobile better

web/src/pages/HomePage/HomePage.tsx

@@ -131,20 +131,20 @@ const HomePage = () => {
               height={85}
             />
         </Center>
-        <Center>
+        <Text align="center">
-          <p>Create and download a snowglob in the hue of your choice.</p>
+          Create and download a snowglob in the hue of your choice.
-        </Center>    
+        </Text> 
         <Text align="center">
           Apologies for the 4s it takes to render a snowglob. Excellence takes time.
         </Text>
       </div>
 
-      <Box p={4}>
+      <Box>
           <VStack
                spacing={4}
                align='stretch'
           >
-            <Center id="hues" h='40px' w='490px' style={{
+            <Flex id="hues" h='40px' style={{
               backgroundImage: 'url(/img/colorbar.png)',
               backgroundSize: "contain"
             }}>
@@ -158,8 +158,8 @@ const HomePage = () => {
                 </SliderTrack>
                 <SliderThumb />
               </Slider>
-            </Center>
+            </Flex>
-            <Center id="hues" h='40px' w='490px' bgGradient={ gradient(h) }>
+            <Flex id="hues" h='40px' bgGradient={ gradient(h) }>
               <Slider 
                 aria-label='slider-ex-1'
                 defaultValue={ s }
@@ -170,7 +170,7 @@ const HomePage = () => {
                 </SliderTrack>
                 <SliderThumb />
               </Slider>
-            </Center>
+            </Flex>
             <Flex>
               <Square size='104px' bg='teal'>
                 <Image
@@ -212,6 +212,8 @@ const HomePage = () => {
               A snowglob is an abstract representation of a snow globe. A snow globe is a transparent or
               opaque sphere, traditionally made of glass, usually enclosing a miniaturized scene of some 
               sort, often together with a model of a town, neighborhood, landscape or figure.
+              <br></br><br></br>
+              Snowglobs do not cointains a miniaturized scene.
             </AccordionPanel>
           </AccordionItem>
           <AccordionItem>
@@ -241,8 +243,10 @@ const HomePage = () => {
             </h2>
             <AccordionPanel pb={4}>
               That is not a question. However, any resemblence is a complete coincidence.
-              LinkedIn no-profile picture avatars are a circle overlapping an eye shape in a circle.
+              LinkedIn default avatars are a circle overlapping an eye shape in a circle.
-              I designed a circle overlapping an oval, and the image is on a square. Furthermore, 
+              I designed snowglobs as a circle overlapping an oval, and the image is on a square.
+              <br></br><br></br>
+              Furthermore, 
               snowglobs are different colors to the LinkedIn no-profile picture avatars.
               <br></br><br></br>
               They are meant to be snowglobs.
@@ -275,11 +279,31 @@ const HomePage = () => {
               </AccordionButton>
             </h2>
             <AccordionPanel pb={4}>
-              It is on my to-do list. There will be 3599 snowglobs, each with a subtly different shade.
+              It is on my to-do list. There will be 1800 snowglobs, each with a subtly different shade.
               <br></br><br></br>
               I just haven&apos;t gotten around to minting them yet.
             </AccordionPanel>
           </AccordionItem>
+          <AccordionItem>
+            <h2>
+              <AccordionButton>
+                <Box as="span" flex='1' textAlign='left'>
+                  <Heading size="sm" as="h3">Why did you build snowglobs?</Heading>
+                </Box>
+                <AccordionIcon />
+              </AccordionButton>
+            </h2>
+            <AccordionPanel pb={4}>
+              I find them aesthetically pleasing.
+              <br></br><br></br>
+              What I certainly did not do, is design them as replacement profile pictures for LinkedIn.
+              Please do not replace your LinkedIn profile picture with a snowglob. If you use a snowglob
+              as a profile picture, under the terms and conditions of the site you may find that LinkedIn
+              replaces your snowglob picture with the the LinkedIn default avatar.
+              <br></br><br></br>
+              And that would be terrible!
+            </AccordionPanel>
+          </AccordionItem>
         </Accordion>
       </Box>
       <Box>