eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Fix the extra 2px space at the bottom of <figure> elements

Browse source 
It was because they were display: inline-block
This commit is contained in:
Eryn Wells 2023-04-08 13:37:01 -07:00
parent 5fd6f473dd
commit cb025398b3
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/styles/root.css
View file

@ -171,9 +171,12 @@ figcaption {
text-align: center; text-align: center;
} }
details {
width: 100%;
}
figure { figure {
border-radius: 6px; border-radius: 6px;
display: inline-block;
line-height: 1; line-height: 1;
margin: 0; margin: 0;
margin-inline: 0; margin-inline: 0;
@ -193,6 +196,7 @@ figure a:hover {
} }
figure img { figure img {
display: block;
border-radius: 6px; border-radius: 6px;
height: auto; height: auto;
max-width: var(--content-width); max-width: var(--content-width);