cupcakearmy/nicco.io
1
0
Fork 0
mirror of https://github.com/cupcakearmy/nicco.io.git synced 2024-09-21 06:54:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

testing chagnes

Browse Source
This commit is contained in:
cupcakearmy 2020-07-23 21:19:25 +02:00
parent 14657b0718
commit 86b7df0c9e
No known key found for this signature in database
GPG Key ID: D28129AE5654D9D9
1 changed files with 35 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/routes/index.svelte
View File

@ -1,46 +1,50 @@
<style> <style>
h1, figure, p { h1,
text-align: center; figure,
margin: 0 auto; p {
} text-align: center;
margin: 0 auto;
}
h1 { h1 {
font-size: 2.8em; font-size: 2.8em;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
margin: 0 0 0.5em 0; margin: 0 0 0.5em 0;
} }
figure { figure {
margin: 0 0 1em 0; margin: 0 0 1em 0;
} }
img { img {
width: 100%; width: 100%;
max-width: 400px; max-width: 400px;
margin: 0 0 1em 0; margin: 0 0 1em 0;
} }
p { p {
margin: 1em auto; margin: 1em auto;
} }
@media (min-width: 480px) { @media (min-width: 480px) {
h1 { h1 {
font-size: 4em; font-size: 4em;
} }
} }
</style> </style>
<svelte:head> <svelte:head>
<title>Sapper project template</title> <title>Sapper project template</title>
</svelte:head> </svelte:head>
<h1>Great success!</h1> <h1>Letse go</h1>
<figure> <figure>
<img alt='Success Kid' src='successkid.jpg'> <img alt="Success Kid" src="successkid.jpg" />
<figcaption>Have fun with Sapper!</figcaption> <figcaption>Have fun with Sapper!</figcaption>
</figure> </figure>
<p><strong>Try editing this file (src/routes/index.svelte) to test live reloading.</strong></p> <p>
<strong>Try editing this file (src/routes/index.svelte) to test live reloading.</strong>
</p>