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