Skip to content

P
Philippe
Commit fe8df34e by PLN (Algolia)
Options

style(index): Separate title components

parent 106dc714
Showing with 13 additions and 5 deletions
pages/index.js
...@@ -36,18 +36,26 @@ export default function Home({ data, placeholders }) { ...@@ -36,18 +36,26 @@ export default function Home({ data, placeholders }) {
<title>Philippe Bureau - Galerie</title> <title>Philippe Bureau - Galerie</title>
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<Box overflow="hidden" bg="gray.100" minH="100vh"> <Box overflow="hidden" bg="gray.100" minH="100vh">
<Container> <Container
my="1rem"
>
<Text <Text
as="h1" as="h1"
color="gray.700" color="gray.700"
fontWeight="semibold" fontWeight="semibold"
mb="1rem"
textAlign="center" textAlign="center"
textDecoration="underline" fontSize={["0.5em", "1em", "2em", "2em"]}
fontSize={["5xl", "5xl", "6xl", "6xl"]}
> >
Philippe Bureau - Galerie Photo Philippe Bureau
</Text> </Text>
<Text
as="h1"
color="gray.700"
textAlign="center"
fontSize={["0.25em", "0.5em", "1em", "1em"]}
>
Galerie Photo
</Text>
</Container> </Container>
<Wrap px={"10rem"} spacing={"1rem"} mb={1} justify="center"> <Wrap px={"10rem"} spacing={"1rem"} mb={1} justify="center">
{photos.map((photo) => ( {photos.map((photo) => (
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment