Change campsite info row to columns on small screens

This commit is contained in:
jordi fita mas 2024-01-26 22:57:22 +01:00
parent 629ef1a262
commit e6ab3f2d09
1 changed files with 5 additions and 1 deletions

View File

@ -725,11 +725,15 @@ dt {
gap: 5rem; gap: 5rem;
} }
.outside_activities article, .outside_activities > ul > li:nth-child(2n) article { .outside_activities article, .outside_activities > ul > li:nth-child(2n) article, .campsite_info {
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
} }
.campsite_info > * {
flex: auto;
}
.outside_activities article > div, .outside_activities article > img { .outside_activities article > div, .outside_activities article > img {
width: 100%; width: 100%;
} }