KevinMidboe/k9e.no
1
0
Fork 0
mirror of https://github.com/KevinMidboe/k9e.no.git synced 2025-10-29 17:50:14 +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

21
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,17 +43,15 @@
} }
> div { > div {
width: 50%; width: 50vw;
} }
div.personalia {
font-size: 1.5rem;
ul { ul {
margin: 1rem 0; margin: 1rem 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 0; padding-left: 0;
font-size: 1.5rem;
li { li {
list-style: none; list-style: none;
@@ -61,5 +59,18 @@
} }
} }
} }
@media (max-width: 500px) {
section {
flex-direction: column;
> div {
width: 100%;
}
h1 {
font-size: 13vw;
}
}
} }
</style> </style>