Reduce outside activities’ h3 bottom margin on mobile

This commit is contained in:
jordi fita mas 2024-02-02 21:37:56 +01:00
parent b6044a7d4a
commit 43505fecbd
1 changed files with 42 additions and 18 deletions

View File

@ -553,13 +553,33 @@ dl, .nature > div, .outside_activities > div, .campsite_info {
grid-row-gap: 5rem; grid-row-gap: 5rem;
} }
.nature section:nth-child(2n + 1) { grid-area: 1 / 1 / 2 / 5; } .nature section:nth-child(2n + 1) {
.nature section:nth-child(2n + 2){ grid-area: 1 / 5 / 2 / 9; } grid-area: 1 / 1 / 2 / 5;
.nature section:nth-child(2n + 3) { grid-area: 1 / 9 / 2 / 13; } }
.nature section:nth-child(2n + 4) { grid-area: 2 / 1 / 3 / 4; }
.nature section:nth-child(2n + 5){ grid-area: 2 / 4 / 3 / 7; } .nature section:nth-child(2n + 2) {
.nature section:nth-child(2n + 6) { grid-area: 2 / 7 / 3 / 10; } grid-area: 1 / 5 / 2 / 9;
.nature section:nth-child(2n + 7) { grid-area: 2 / 10 / 3 / 13; } }
.nature section:nth-child(2n + 3) {
grid-area: 1 / 9 / 2 / 13;
}
.nature section:nth-child(2n + 4) {
grid-area: 2 / 1 / 3 / 4;
}
.nature section:nth-child(2n + 5) {
grid-area: 2 / 4 / 3 / 7;
}
.nature section:nth-child(2n + 6) {
grid-area: 2 / 7 / 3 / 10;
}
.nature section:nth-child(2n + 7) {
grid-area: 2 / 10 / 3 / 13;
}
@media (max-width: 64rem) { @media (max-width: 64rem) {
.nature > div { .nature > div {
@ -765,6 +785,10 @@ dt {
} }
@media (max-width: 64rem) { @media (max-width: 64rem) {
.outside_activities h3 {
margin-bottom: 5rem;
}
.outside_activities > ul { .outside_activities > ul {
gap: 5rem; gap: 5rem;
} }