From fe8df34e32a12118e43ceb473f83b2518441715e Mon Sep 17 00:00:00 2001
From: Paul-Louis NECH <pln@algolia.com>
Date: Thu, 1 Jul 2021 12:38:23 +0200
Subject: [PATCH] style(index): Separate title components

---
 pages/index.js | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index ed542c5..f7ddafe 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -36,18 +36,26 @@ export default function Home({ data, placeholders }) {
         <title>Philippe Bureau - Galerie</title>
         <link rel="icon" href="/favicon.ico" />
         <Box overflow="hidden" bg="gray.100" minH="100vh">
-          <Container>
+          <Container
+            my="1rem"
+            >
             <Text
               as="h1"
               color="gray.700"
               fontWeight="semibold"
-              mb="1rem"
               textAlign="center"
-              textDecoration="underline"
-              fontSize={["5xl", "5xl", "6xl", "6xl"]}
+              fontSize={["0.5em", "1em", "2em", "2em"]}
             >
-              Philippe Bureau - Galerie Photo
+              Philippe Bureau
             </Text>
+              <Text
+                as="h1"
+                color="gray.700"
+                textAlign="center"
+                fontSize={["0.25em", "0.5em", "1em", "1em"]}
+              >
+                Galerie Photo
+              </Text>
           </Container>
           <Wrap px={"10rem"} spacing={"1rem"} mb={1} justify="center">
             {photos.map((photo) => (
--
libgit2 0.27.0