diff --git a/web/static/public.css b/web/static/public.css index e31187c..10da7fc 100644 --- a/web/static/public.css +++ b/web/static/public.css @@ -361,8 +361,8 @@ nav:last-of-type > ul > li:last-child { @media (max-width: 32rem) { body > header > address { - flex-direction: column; - gap: 1rem; + flex-direction: column; + gap: 1rem; } } @@ -553,13 +553,33 @@ dl, .nature > div, .outside_activities > div, .campsite_info { grid-row-gap: 5rem; } -.nature section:nth-child(2n + 1) { grid-area: 1 / 1 / 2 / 5; } -.nature section:nth-child(2n + 2){ grid-area: 1 / 5 / 2 / 9; } -.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; } +.nature section:nth-child(2n + 1) { + grid-area: 1 / 1 / 2 / 5; +} + +.nature section:nth-child(2n + 2) { + grid-area: 1 / 5 / 2 / 9; +} + +.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) { .nature > div { @@ -638,16 +658,16 @@ dl, .nature > div, .outside_activities > div, .campsite_info { @media (max-width: 48rem) { - .carousel .slick-arrow { - background: var(--accent); - margin-top: -6rem; - margin-right: -1rem; - } + .carousel .slick-arrow { + background: var(--accent); + margin-top: -6rem; + margin-right: -1rem; + } - .carousel .slick-list { - margin-right: -5rem; - padding-top: 2rem; - } + .carousel .slick-list { + margin-right: -5rem; + padding-top: 2rem; + } } .slick-slider .slick-prev { @@ -765,6 +785,10 @@ dt { } @media (max-width: 64rem) { + .outside_activities h3 { + margin-bottom: 5rem; + } + .outside_activities > ul { gap: 5rem; }