chore(website): improve main layout on mobile

This commit is contained in:
Elian Doran 2025-09-27 11:32:30 +03:00
parent 5b81aff8be
commit 3d780d7d02
No known key found for this signature in database

View File

@ -48,7 +48,7 @@ a {
.content-wrapper { .content-wrapper {
max-width: 1200px; max-width: 1200px;
width: 100%; width: 90%;
margin: auto; margin: auto;
} }
@ -98,14 +98,24 @@ img {
object-fit: cover; object-fit: cover;
} }
.grid-3-cols {
display: grid; @media (max-width: 719px) {
grid-template-columns: 1fr 1fr 1fr; .grid-3-cols > *,
gap: 1em; .grid-2-cols > * {
margin-bottom: 1em;
}
} }
.grid-2-cols { @media (min-width: 720px) {
display: grid; .grid-3-cols {
grid-template-columns: 1fr 1fr; display: grid;
gap: 1em; grid-template-columns: 1fr 1fr 1fr;
gap: 1em;
}
.grid-2-cols {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1em;
}
} }