Adjust view for mobile screen size #1
This commit is contained in:
parent
685ba58e51
commit
d0640b5d08
1 changed files with 20 additions and 1 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue