KevinMidboe/k9e.no
1
0
Fork 0
mirror of https://github.com/KevinMidboe/k9e.no.git synced 2025-10-29 09:40:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Mobile styling

Browse Source
This commit is contained in:
Kevin
2023-11-04 20:53:49 +01:00
parent 95025d0b56
commit 205ff9f2f4
1 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/routes/+page.svelte
View File

@@ -13,7 +13,7 @@
</script> </script>
<section> <section>
<div class="personalia"> <div>
<h1>Kevin Midbøe</h1> <h1>Kevin Midbøe</h1>
<ul> <ul>
@@ -43,22 +43,33 @@
} }
> div { > div {
width: 50%; width: 50vw;
} }
div.personalia { ul {
margin: 1rem 0;
display: flex;
flex-direction: column;
padding-left: 0;
font-size: 1.5rem; font-size: 1.5rem;
ul { li {
margin: 1rem 0; list-style: none;
display: flex; margin: 0.8rem 1rem 0;
flex-direction: column; }
padding-left: 0; }
}
li { @media (max-width: 500px) {
list-style: none; section {
margin: 0.8rem 1rem 0; flex-direction: column;
}
> div {
width: 100%;
}
h1 {
font-size: 13vw;
} }
} }
} }