added background colours to subject tiles

This commit is contained in:
2023-03-05 14:13:25 +10:30
parent 18e32d1dc3
commit b041e8233a

View File

@ -125,9 +125,11 @@ aside {
height: 100px; height: 100px;
border-radius: 60px; border-radius: 60px;
border: 5px solid var(--border); border: 5px solid var(--border);
background-color: var(--border);
/* top: -70px; */ /* top: -70px; */
z-index: 1; z-index: 1;
position: relative; position: relative;
color: var(--container)
} }
nav { nav {
@ -160,6 +162,12 @@ nav {
width: 230px; width: 230px;
} }
.link_tiles_grid>a>img {
background-color: var(--border);
height: 230px;
color: var(--container)
}
@media all and (max-width: 1100px) { @media all and (max-width: 1100px) {
body { body {
flex-direction: column-reverse; flex-direction: column-reverse;
@ -218,13 +226,21 @@ nav {
width: calc((100vw - 100px)/3); width: calc((100vw - 100px)/3);
} }
.link_tiles_grid>a>img {
max-height: 230px;
height: calc((100vw - 100px)/3);
}
/* switch to two tiles when it gets really small */ /* switch to two tiles when it gets really small */
@media all and (max-width: 545px) { @media all and (max-width: 545px) {
.link_tiles_grid>a, .link_tiles_grid>a,
.link_tiles_grid>a>img { .link_tiles_grid>a>img {
max-width: 230px;
width: calc((100vw - 85px)/2); width: calc((100vw - 85px)/2);
} }
.link_tiles_grid>a>img {
height: calc((100vw - 100px)/2);
}
} }
} }