allen/hayflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: fix responsive issue on small screens

Browse Source
This commit is contained in:
Cyril MARPAUD
2023-03-15 11:26:42 +01:00
parent f87fe2d88d
commit 2d8fbdfe9d
1 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
static/style.css
View File

@ -60,10 +60,34 @@ body {
#name { #name {
display: inline; display: inline;
font-size: 7em; font-size: 2em;
transition: var(--transition-duration); transition: var(--transition-duration);
} }
@media (min-width: 320px) {
#name {
font-size: 3em;
}
}
@media (min-width: 480px) {
#name {
font-size: 4em;
}
}
@media (min-width: 640px) {
#name {
font-size: 5.5em;
}
}
@media (min-width: 800px) {
#name {
font-size: 7em;
}
}
#name em { #name em {
color: var(--light-purple); color: var(--light-purple);
font-style: normal; font-style: normal;