Remove the .figure__container element. According to Tess, putting a <figcaption> inside a child of a <figure> "doesn't obey the content model" or some shit. Fiiiiine. Getting small figures to lay out the way I want them to without the container was a bit of a trick. Instead of letting the figure span the entire width of the grid column, let it fit the size of its contents, and then set margin-inline to auto so it centers. Doing this also allowed me to remove the .figure--image, etc styles because the styles and markup are a lot more similar among figures containing different kinds of elements. Nice! |
||
---|---|---|
.. | ||
figures | ||
date.html | ||
descendent_section.list.html | ||
first_section.list.html | ||
footer.html | ||
prev_next_navigation.html | ||
section_year_nav.html | ||
should_render.html | ||
taxonomy_draft.html | ||
taxonomy_list.html |