2023-10-17 18:25:38 +02:00
|
|
|
div.grid-container {
|
|
|
|
display: grid;
|
2023-10-18 17:24:59 +02:00
|
|
|
grid-template-columns: auto max-content max-content;
|
2023-10-17 18:25:38 +02:00
|
|
|
}
|
|
|
|
div.grid-item {
|
2023-10-18 17:24:59 +02:00
|
|
|
padding: 0.2em;
|
|
|
|
border: 2px black solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.grid-header:first-child {
|
|
|
|
border-radius: 0.5em 0 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.grid-header:nth-child(3) {
|
|
|
|
border-radius: 0 0.5em 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.grid-header {
|
|
|
|
text-align: center;
|
|
|
|
background: lightyellow;
|
|
|
|
padding: 0.4em;
|
2023-10-17 18:25:38 +02:00
|
|
|
border: 2px black solid;
|
|
|
|
}
|
|
|
|
|
2023-10-18 12:55:20 +02:00
|
|
|
a.grid-item {
|
|
|
|
text-decoration: none;
|
|
|
|
display: contents;
|
|
|
|
height: 100%;
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
2023-10-17 18:25:38 +02:00
|
|
|
div.clickable:hover {
|
2023-10-18 12:55:20 +02:00
|
|
|
background: lightgrey;
|
2023-10-17 18:25:38 +02:00
|
|
|
}
|