wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Pull requests Activity Actions

feat: update catalogue templates

Browse source
This commit is contained in:
Devin Haska 2024-02-18 12:42:25 -08:00
parent 86f0122fd9
commit 55982e5bf5
6 changed files with 38 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/assets/css/blocks/catalogue.css
View file

@ -1,5 +1,5 @@
.catalogue .meta picture {
inline-size: 10rem;
.catalogue {
container-type: inline-size;
}
.catalogue-type {
@ -9,6 +9,23 @@
.catalogue-meta {
display: grid;
grid-template-columns: auto 1fr;
font-size: 0.875rem;
grid-template-columns: 1fr 200px;
}
.catalogue-meta picture {
max-width: 200px;
}
.catalogue-meta > *:first-child {
order: 1;
}
@container (max-width: 32rem) {
.catalogue-meta {
grid-template-columns: 1fr;
}
.catalogue-meta > *:first-child {
order: initial;
}
}