tandem
/
camper
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
web/static/public.css
View File

@ -361,8 +361,8 @@ nav:last-of-type > ul > li:last-child {
@media (max-width: 32rem) { @media (max-width: 32rem) {
body > header > address { body > header > address {
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
} }
} }
@ -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 {
@ -638,16 +658,16 @@ dl, .nature > div, .outside_activities > div, .campsite_info {
@media (max-width: 48rem) { @media (max-width: 48rem) {
.carousel .slick-arrow { .carousel .slick-arrow {
background: var(--accent); background: var(--accent);
margin-top: -6rem; margin-top: -6rem;
margin-right: -1rem; margin-right: -1rem;
} }
.carousel .slick-list { .carousel .slick-list {
margin-right: -5rem; margin-right: -5rem;
padding-top: 2rem; padding-top: 2rem;
} }
} }
.slick-slider .slick-prev { .slick-slider .slick-prev {
@ -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;
} }