More actions
m Try to make it a little more mobile friendly |
m I put the flex-wrap on the item lel |
||
| Line 2: | Line 2: | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
flex-wrap: wrap; | |||
} | } | ||
.item { | .item { | ||
| Line 16: | Line 17: | ||
background-position: 50% 50% !important; | background-position: 50% 50% !important; | ||
min-width: 10rem; | min-width: 10rem; | ||
} | } | ||
.heading { | .heading { | ||
Revision as of 19:56, 8 April 2025
#container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.item {
background-color: #191A24;
border: 2px #252736 solid;
border-radius: 0.68rem;
width: 12rem;
text-align: center;
padding-top: 1rem;
padding-bottom: 1rem;
margin-left: 0.32rem;
margin-right: 0.32rem;
background-size: cover !important;
background-position: 50% 50% !important;
min-width: 10rem;
}
.heading {
margin-top: 0rem; /* Once again overwriting the top margin on headings */
color: black;
}
/* Maybe...
#map {
background: url("https://tonexum.org/wiki/images/7/7c/background-map.png");
}
#pol {
background: url("https://tonexum.org/wiki/images/0/0e/background-politics.jpg");
}
#eco {
background: url("https://tonexum.org/wiki/images/a/a4/background-economy.jpg");
}
#hist {
background: url("https://tonexum.org/wiki/images/9/91/background-history.jpg");
}
#lands {
background: url("https://tonexum.org/wiki/images/f/f6/background-lands.jpg");
}
*/