From 7b824d3dfb740a1295b43072c2ac5eba40d041b2 Mon Sep 17 00:00:00 2001 From: Kellan Wampler Date: Fri, 15 Jul 2022 10:47:37 -0400 Subject: [PATCH] Fixing some mobile issues on landing page. --- frontend/pages/index.js | 54 ++++++++++++++++++++++------------------- 1 file changed, 29 insertions(+), 25 deletions(-) diff --git a/frontend/pages/index.js b/frontend/pages/index.js index 9b945a93..25faeefb 100644 --- a/frontend/pages/index.js +++ b/frontend/pages/index.js @@ -238,7 +238,7 @@ const Homepage = () => { boxSizing="content-box" > - + { align="center" justify="center" boxSize="full" - pt="150px" - pb={10} + pt={["60px", "120px", "150px"]} + pb={[4, 6, 10, 10, 10, 10]} > { spacing={6} maxW={["1620px", null, null, null, "1620px", "2222px"]} w="100%" - px="7%" + px="5%" > Build a Sustainable Game Economy in Only a Few Clicks Moonstream Engine empowers web3 game designers to grow healthy economies. Moonstream smart contracts and APIs @@ -292,13 +292,13 @@ const Homepage = () => { "row", "row", ]} - pb="120px" + pb={["60px", "60px", "120px"]} >
{ borderColor={lightOrangeColor} textColor="white" minW={[ - "200px", + "220px", "250px", "250px", "300px", @@ -353,8 +353,8 @@ const Homepage = () => { > { {...HEADING_PROPS} fontSize={["md", "lg", "xl", "2xl", "3xl", "3xl"]} fontWeight="semibold" + textAlign="center" > Trusted by visionaries in the industry @@ -481,6 +482,7 @@ const Homepage = () => { {...HEADING_PROPS} fontSize={["md", "lg", "xl", "2xl", "3xl", "3xl"]} fontWeight="semibold" + textAlign="center" > Supported blockchains @@ -516,6 +518,7 @@ const Homepage = () => { {...HEADING_PROPS} fontSize={["md", "lg", "xl", "2xl", "3xl", "3xl"]} fontWeight="semibold" + textAlign="center" > Upcoming Integrations @@ -892,19 +895,19 @@ const Homepage = () => { Our Workflow - + Step 1: - + So you decided to build a healthy economy on the @@ -913,19 +916,19 @@ const Homepage = () => { - + Step 2: - + { - + Step 3: - + Pick game mechanics that you'd like to deploy. @@ -1055,6 +1058,7 @@ const Homepage = () => { as="h2" fontSize={["md", "xl", "3xl", "4xl", "4xl", "5xl"]} letterSpacing="wide" + textAlign="center" > Sign up to grow your economy