adjust finalist card styling

pioniergarage · Jan 20, 2023 · a71ea83 · a71ea83 · vercel · Jan 20, 2023
1 parent c0a9a72
commit a71ea83
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 32 deletions.
diff --git a/src/layouts/Layout.tsx b/src/layouts/Layout.tsx
@@ -45,13 +45,7 @@ export default function Layout({ children }: PropsWithChildren) {
 
 const MainWrapper: React.FC<PropsWithChildren> = ({ children }) => {
     return (
-        <Box
-            as="main"
-            maxW="container.xl"
-            mx="auto"
-            pt={6}
-            position="relative"
-        >
+        <Box as="main" maxW="container.xl" mx="auto" pt={6} position="relative">
             <GradientBackground />
             <Box px={{ base: 4, md: 6 }} maxW="100vw">
                 {children}

diff --git a/src/modules/teams/components/FinalistCard.tsx b/src/modules/teams/components/FinalistCard.tsx
@@ -13,21 +13,21 @@ type FinalistProps = {
 
 const Finalist: React.FC<FinalistProps> = ({ finalist }) => {
     return (
-        <Flex flexDir="column" gap={2}>
+        <Flex flexDir="column" gap={2} alignItems="center" bgColor="blackAlpha.400" p={4} rounded="md">
             <Image
                 src={finalist.logo}
+                alt={finalist.name}
                 objectFit="contain"
-                w="30%"
+                h="8rem"
                 maxW="10rem"
-                alignSelf="self-start"
             />
             <Box>
                 {!finalist.hideName && (
-                    <Heading as="h3" fontSize="md">
+                    <Heading as="h3" fontSize="md" textAlign="center" mt={4}>
                         {finalist.name}
                     </Heading>
                 )}
-                <Text lineHeight="1.2" textColor="gray.300">
+                <Text lineHeight="1.2" textColor="gray.300" textAlign="center">
                     {finalist.description}
                 </Text>
             </Box>

diff --git a/src/pages/finalists.tsx b/src/pages/finalists.tsx
@@ -19,17 +19,10 @@ const Finalists: React.FC = () => {
             logo: '/images/teams/artjom-eve.png',
         },
         {
-            name: 'Cellgrid',
-            description:
-                "Our mission is to make the earth searchable. With Cellgrid we bundle all information about the Earth's surface and organize it in a unifiable way. This makes  complex geospatial search- and analysis queries achievable not only for experts anymore, but for everyone who benefits from additional insights about locations on Earth. Our software solution is designed as a B2B solution for stakeholders that want to make data-driven, efficient and well-informed decisions for their business.",
-            logo: '/images/teams/cellgrid.png',
-            hideName: true,
-        },
-        {
-            name: 'First Vision',
+            name: 'Wehiculum',
             description:
-                "First Vision is not a company but an idea to bring all like-minded people together for the people. In the ever-changing time, we are committed to bring forward the best possible solutions that would not only minimize the safety risks of our front-line workers but also would help the people to make the world a more safer place with hassle-free technology. We are currently focusing on a way to upgrade firefighting technology. Our state-of-the-art Bird Eye surveillance drone have high-definition cameras, thermal imaging, and air quality monitoring sensors to provide firefighters a bird's-eye view of the fireground (city, forest). Not only that it also incorporates them with the capability to locate the victims even in remote and inaccessible areas.  even in inaccessible or isolated regions also. Our  Panzerwagen, on the other hand, is designed to swiftly and safely deploy essential equipment such as hoses and nozzles to the frontlines. These robots may be remotely operated by firefighters, allowing them to get rapid and safe access to the fireground despite the high temperatures and rough terrain. By supplying fire departments with the most cutting-edge and reliable equipment, we aim to improve public safety, save lives and minimize economic loss.",
-            logo: '/images/teams/first-vision.png',
+                'Wehiculum is a carpooling app that connects people driving to work or university. Our goal is to create an easy and sustainable way of daily commuting.',
+            logo: '/images/teams/wehiculum.svg',
             hideName: true,
         },
         {
@@ -58,6 +51,19 @@ const Finalists: React.FC = () => {
             logo: '/images/teams/rement.png',
             hideName: true,
         },
+        {
+            name: 'StraightUp',
+            description:
+                'StraightUp is a novel medical system built to prevent backpain caused by unhealthy posture throughout the day. The smart wearable measures the exact posture and gives realtime feedback to the user. ',
+            logo: '/images/teams/straight-up.svg',
+        },
+        {
+            name: 'Cellgrid',
+            description:
+                "Our mission is to make the earth searchable. With Cellgrid we bundle all information about the Earth's surface and organize it in a unifiable way. This makes  complex geospatial search- and analysis queries achievable not only for experts anymore, but for everyone who benefits from additional insights about locations on Earth. Our software solution is designed as a B2B solution for stakeholders that want to make data-driven, efficient and well-informed decisions for their business.",
+            logo: '/images/teams/cellgrid.png',
+            hideName: true,
+        },
         {
             name: 'SPH1NX',
             description: `SPH1NX is the ultimate play-to-earn online riddle game, where players can compete for real money while getting smarter along the way. 
@@ -70,16 +76,10 @@ const Finalists: React.FC = () => {
             logo: '/images/teams/sph1nx.svg',
         },
         {
-            name: 'StraightUp',
-            description:
-                'StraightUp is a novel medical system built to prevent backpain caused by unhealthy posture throughout the day. The smart wearable measures the exact posture and gives realtime feedback to the user. ',
-            logo: '/images/teams/straight-up.svg',
-        },
-        {
-            name: 'Wehiculum',
+            name: 'First Vision',
             description:
-                'Wehiculum is a carpooling app that connects people driving to work or university. Our goal is to create an easy and sustainable way of daily commuting.',
-            logo: '/images/teams/wehiculum.svg',
+                "First Vision is not a company but an idea to bring all like-minded people together for the people. In the ever-changing time, we are committed to bring forward the best possible solutions that would not only minimize the safety risks of our front-line workers but also would help the people to make the world a more safer place with hassle-free technology. We are currently focusing on a way to upgrade firefighting technology. Our state-of-the-art Bird Eye surveillance drone have high-definition cameras, thermal imaging, and air quality monitoring sensors to provide firefighters a bird's-eye view of the fireground (city, forest). Not only that it also incorporates them with the capability to locate the victims even in remote and inaccessible areas.  even in inaccessible or isolated regions also. Our  Panzerwagen, on the other hand, is designed to swiftly and safely deploy essential equipment such as hoses and nozzles to the frontlines. These robots may be remotely operated by firefighters, allowing them to get rapid and safe access to the fireground despite the high temperatures and rough terrain. By supplying fire departments with the most cutting-edge and reliable equipment, we aim to improve public safety, save lives and minimize economic loss.",
+            logo: '/images/teams/first-vision.png',
             hideName: true,
         },
     ];
@@ -98,7 +98,7 @@ const Finalists: React.FC = () => {
                     </BreadcrumbItem>
                 </Breadcrumb>
             </VStack>
-            <SimpleGrid columns={{ base: 1, md: 2 }} spacing={8}>
+            <SimpleGrid columns={{ base: 1, md: 2 }} spacing={4}>
                 {finalists.map((finalist) => (
                     <FinalistCard key={finalist.name} finalist={finalist} />
                 ))}