Change campsite info row to columns on small screens
This commit is contained in:
parent
629ef1a262
commit
e6ab3f2d09
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue