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