b12f/benjaminbaedorf.eu
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: more space on mobile
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Benjamin Bädorf 2023-07-27 15:16:13 +02:00
parent 729cb3f7f3
commit eaff63144c
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
1 changed files with 27 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
index.html
View file

@ -13,19 +13,31 @@
<style> <style>
html { html {
font-family: 'Urbanist', sans-serif; font-family: 'Urbanist', sans-serif;
font-size: 24px; font-size: 18px;
line-height: 1.3em; line-height: 1.75;
color: #111111; color: #111111;
font-weight: normal; font-weight: normal;
} }
@media screen and (min-width: 700px) {
html {
font-size: 24px;
}
}
body { body {
padding: 1rem; padding: 0.5rem;
background-color: white; background-color: white;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@media screen and (min-width: 700px) {
body {
padding: 1rem;
}
}
body > * { body > * {
width: 100%; width: 100%;
max-width: 760px; max-width: 760px;
@ -45,13 +57,13 @@
h1 { h1 {
font-size: 2rem; font-size: 2rem;
font-weight: black; font-weight: black;
line-height: 1.5rem; line-height: 1.5;
} }
h2 { h2 {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: black; font-weight: black;
line-height: 1.5rem; line-height: 1.5;
margin-bottom: 0; margin-bottom: 0;
} }
@ -91,15 +103,22 @@
padding-top: 8px; padding-top: 8px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
line-height: 1.5;
font-size: 18px;
list-style: none;
}
@media screen and (min-width: 700px) {
.keywords {
font-size: 20px;
}
} }
.keywords > * { .keywords > * {
padding: 0px 12px;
background: #ff0083; background: #ff0083;
color: white; color: white;
list-style: none; padding: 0px 12px;
border-radius: 16px; border-radius: 16px;
font-size: 0.8rem;
margin-bottom: 2px; margin-bottom: 2px;
margin-right: 2px; margin-right: 2px;
} }