34 lines
574 B
CSS
34 lines
574 B
CSS
div.grid-container {
|
|
display: grid;
|
|
grid-template-columns: auto max-content max-content;
|
|
}
|
|
div.grid-item {
|
|
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;
|
|
border: 2px black solid;
|
|
}
|
|
|
|
a.grid-item {
|
|
text-decoration: none;
|
|
display: contents;
|
|
height: 100%;
|
|
color: black;
|
|
}
|
|
|
|
div.clickable:hover {
|
|
background: lightgrey;
|
|
} |