h2 small {
position: absolute; /* side note; do not influence alignment */
margin-left: 1em;
- font-size: 80%;
- line-height: 175%;
+ font-weight: normal;
+ font-size: 50%; /* 1rem */
+ padding-top: 1.75ex; /* align baseline with container */
+}
+h2 small {
+ font-size: 90.9%;
+ padding-top: .17ex;
}
dl > dt {
.gallery figure {
overflow: hidden;
box-sizing: border-box;
+ hyphens: auto;
+ max-width: 900px;
}
.gallery figcaption > small {
display: inline-block;
}
@media (min-width: 603px) and (min-height: 400px) {
/* fit 3 cells of 200x133 */
- .gallery > ul > li:first-child > figure,
+ .gallery > li:first-child > figure,
.gallery li.huge > figure {
grid-row: span 3;
grid-column: span 3;