diff --git a/examples/portfolio/src/components/Button.astro b/examples/portfolio/src/components/Button.astro deleted file mode 100644 index 7b70175fb..000000000 --- a/examples/portfolio/src/components/Button.astro +++ /dev/null @@ -1,13 +0,0 @@ - - - - - diff --git a/examples/portfolio/src/layouts/project.astro b/examples/portfolio/src/layouts/project.astro index 08b91a603..f02f89c74 100644 --- a/examples/portfolio/src/layouts/project.astro +++ b/examples/portfolio/src/layouts/project.astro @@ -1,6 +1,5 @@ --- import MainHead from '../components/MainHead.astro'; -import Button from '../components/Button.astro'; import Footer from '../components/Footer.astro'; import Nav from '../components/Nav.astro'; @@ -51,8 +50,10 @@ const { content } = Astro.props; } .leadIn { + padding-top: 4em; color: var(--t-bg); background-color: var(--t-fg); + text-align: center; } .tagline { @@ -64,13 +65,13 @@ const { content } = Astro.props; .content { font-size: var(--f-u1); line-height: 2.2; + max-width: 50em; + margin: auto; } .wrapper { - padding-top: 4em; padding-bottom: 4em; margin-bottom: 4em; - text-align: center; } footer { @@ -90,13 +91,11 @@ const { content } = Astro.props;

{content.description}

-
+
diff --git a/examples/portfolio/src/pages/projects.astro b/examples/portfolio/src/pages/projects.astro index 1f52ea707..415e7aeeb 100644 --- a/examples/portfolio/src/pages/projects.astro +++ b/examples/portfolio/src/pages/projects.astro @@ -24,8 +24,8 @@ const projects = (await Astro.glob('./project/**/*.md')) grid-gap: 3rem; } .title { - margin-top: 2em; - margin-bottom: 2em; + margin-top: 2rem; + margin-bottom: 2rem; } diff --git a/examples/portfolio/src/styles/global.css b/examples/portfolio/src/styles/global.css index dae06ae33..f1eceb91b 100644 --- a/examples/portfolio/src/styles/global.css +++ b/examples/portfolio/src/styles/global.css @@ -77,6 +77,14 @@ h1 { font-size: var(--f-u8); } +.button { + display: inline-block; + border: 3px solid currentColor; + padding: 0.5em 1em; + font-weight: 700; + text-transform: uppercase; +} + .wrapper { max-width: 80em; margin-left: auto;