Use Tolino-compatible three-column overview layout
This commit is contained in:
+10
-6
@@ -73,20 +73,24 @@ h2 {
|
|||||||
|
|
||||||
.book-list {
|
.book-list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0 -0.25rem;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
||||||
gap: 0.75rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.book-item {
|
.book-item {
|
||||||
border: 1px solid #000;
|
display: inline-block;
|
||||||
padding: 0.5rem;
|
width: 33.3333%;
|
||||||
|
vertical-align: top;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0.25rem;
|
||||||
|
margin: 0;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.book-card {
|
.book-card {
|
||||||
display: block;
|
display: block;
|
||||||
|
border: 1px solid #000;
|
||||||
|
padding: 0.5rem;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user