36 lines
481 B
CSS
36 lines
481 B
CSS
|
:root {
|
||
|
|
--spacing: 1em;
|
||
|
|
|
||
|
|
color-scheme: light dark;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
#grid {
|
||
|
|
margin: 5svh 0;
|
||
|
|
display: grid;
|
||
|
|
grid-template: repeat(2,1fr) / repeat(2,1fr);
|
||
|
|
width: 90svw;
|
||
|
|
height: 90svh;
|
||
|
|
gap: var(--spacing);
|
||
|
|
}
|
||
|
|
|
||
|
|
figure {
|
||
|
|
max-height: 100%;
|
||
|
|
display: grid;
|
||
|
|
overflow: hidden;
|
||
|
|
grid-template-rows: 1fr min-content;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
figcaption {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
img, canvas {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
object-fit: cover;
|
||
|
|
}
|