When a figure has only an <img>, center the image
This commit is contained in:
parent
340029a01c
commit
c8191f7268
1 changed files with 5 additions and 9 deletions
|
@ -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;
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue