tylda-public/main
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css: better split medias

Browse Source
This commit is contained in:
smoorg 2025-10-09 23:13:39 +02:00 committed by v0id1st
parent 76687cc725
commit 50bf7b13a7
1 changed files with 41 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
static/css/main.css
View File

@ -160,8 +160,36 @@ ul li {
} }
@media only screen @media only screen
and (min-width: 480px) and (min-width: 576px)
and (max-width: 768px) {
header#menu {
flex-direction: column;
}
.form-row {
flex-direction: row;
}
pre.ascii {
font-size: 0.8rem;
}
}
@media only screen
and (min-width: 768px)
and (max-width: 992px) {
header#menu {
flex-direction: column;
}
.form-row {
flex-direction: row;
}
}
@media only screen
and (min-width: 992px)
and (max-width: 1200px) { and (max-width: 1200px) {
}
@media only screen
and (min-width: 1200px)
and (max-width: 1400px) {
header#menu { header#menu {
flex-direction: column; flex-direction: column;
} }
@ -170,12 +198,22 @@ ul li {
} }
} }
@media only screen and (max-width: 480px) { @media only screen and (max-width: 576px) {
header#menu { header#menu {
flex-direction: column; flex-direction: column;
margin-bottom: 2rem;
} }
article { article#content {
font-size: 1em; font-size: 1em;
border: none;
border-color: none;
border-style: none;
border-radius: 0;
padding: 0rem;
} }
pre.ascii {
font-size: 0.5rem;
}
} }