Merge pull request #7 from Hacking-in-Parallel-Berlin-22/tobias/center_404
center stuff, text
This commit is contained in:
commit
4ae68421ff
|
@ -4,11 +4,32 @@ import Layout from '../layouts/Layout.astro'
|
||||||
|
|
||||||
<Layout title='Page not found'>
|
<Layout title='Page not found'>
|
||||||
<main>
|
<main>
|
||||||
|
<div class="figure">
|
||||||
<img
|
<img
|
||||||
src='/404.gif'
|
src='/404.gif'
|
||||||
alt='Pixel art of a squirrel with 2 halves of a fiber cable that were chewed in half. Cable and small lightning strikes flashing'
|
alt='Pixel art of a squirrel with 2 halves of a fiber cable that were chewed in half. Cable and small lightning strikes flashing'
|
||||||
/>
|
/>
|
||||||
<h1>Page not found</h1>
|
<h1>Page not found</h1>
|
||||||
<p>It seems the squirrels got to the cable again.</p>
|
<p>Looks like the squirrels got the fiber again</p>
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
figure,
|
||||||
|
p {
|
||||||
|
margin-bottom: 10rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
margin-top: 5rem;
|
||||||
|
width: 50%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Reference in a new issue