Adjust view for mobile screen size #1

This commit is contained in:
Korbs 2025-03-08 13:55:09 -05:00
parent 685ba58e51
commit d0640b5d08
Signed by: Korbs
SSH key fingerprint: SHA256:Q0b0KraMldpAO9oKa+w+gcsXsOTykQ4UkAKn0ByGn5U

View file

@ -361,9 +361,28 @@ img[src="/petals_dark.webp"] {
@media screen and (max-width: 570px) {
.footer p {
display: flow-root;
display: flex;
gap: 6px;
text-align: center;
justify-content: center;
text-wrap: nowrap;
flex-flow: wrap;
}
.home #center {
max-width: calc(100% - 64px);
}
}
@media screen and (max-height: 330px) {
.home #center {
top: 0px;
transform: translate(-50%);
}
}
@media screen and (max-height: 266px) {
.footer {
display: none !important;
}
}