fanstuff.garden
/
fanstuff.garden
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

fix: responsive design 

Fixes #5
This commit is contained in:
Kazhnuz Klappsthul 2024-02-09 10:27:37 +01:00
parent cc9e1c6f18
commit 8d7aa608fb
1 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
public/css/index.css
View File

@ -90,7 +90,7 @@ a[href].header-anchor:focus,
#wrapper {
margin: 0 auto;
width: 800px;
max-width: 800px;
}
header {
@ -123,6 +123,27 @@ header h1 a {
padding: 0;
}
@media screen and (max-width:580px) {
header h1 a {
font-size: 4rem;
}
}
@media screen and (max-width:480px) {
header h1 a {
font-size: 3rem;
}
}
@media screen and (max-width:350px) {
html {
font-size: 0.8rem;
}
header h1 a {
font-size: 3rem;
}
}
main {
border:1px solid rgba(0,0,0,0.1);
box-shadow:0px 1px 3px 1px rgba(0, 0, 0, 0.4);