Rumperuu/Where-in-the-World-is-Ben
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Wiki Activity

Fix view styling

Browse source
This commit is contained in:
Ben Goldsworthy 2022-10-19 21:14:10 +00:00
parent 9a000fb08e
commit 27ace62423
2 changed files with 26 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

15
public/css/app.css
View file

@ -44,10 +44,13 @@ details h2 {
.other-links {
display: block;
margin: auto;
overflow: auto;
}
.other-links ul {
list-style: none;
margin: 0 auto;
width: fit-content;
}
.other-links li {
@ -58,6 +61,7 @@ details h2 {
.trip-meta {
display: block;
width: 100%;
text-align: center;
}
.main--list {
@ -74,14 +78,19 @@ details h2 {
}
}
#map {
height: 400px;
#mapContainer {
grid-column-start: 1;
grid-column-end: 3;
@media screen and (min-width: 1024px) {
grid-column-end: 2;
}
}
#map {
height: 400px;
@media screen and (min-width: 1024px) {
height: auto;
min-height: 800px;
grid-column-end: 2;
}
}