When a figure has only an <img>, center the image

This commit is contained in:
Eryn Wells 2024-10-17 08:39:58 -07:00
parent 340029a01c
commit c8191f7268

View file

@ -18,21 +18,17 @@
justify-content: center;
min-width: fit-content;
}
&:has(img:only-of-type) {
display: flex;
justify-content: center;
}
}
.figure--code {
grid-column: gutter-start / gutter-end;
}
.figure--image {
display: grid;
grid-template-columns: subgrid;
img {
grid-column: wide-gutter-start / wide-gutter-end;
}
}
.figure--youtube {
grid-column: wide-gutter-start / wide-gutter-end;