}
div.gallery {
- display: flex; flex-direction: row; flex-wrap: wrap;
+ flex-direction: row; flex-wrap: wrap;
align-items: start; justify-content: space-evenly;
}
+div.gallery.bigthumb { display: flex; }
figure.thumb {
display: inline-block;
vertical-align: top;
- width: 228px;
margin: 1em;
}
-
a.thumb:link { display: inline-block; }
+img.thumb { object-fit: contain; }
-img.thumb {
- width: 228px; height: 228px;
- object-fit: contain;
-}
+figure.bigthumb { width: 228px; }
+img.bigthumb { width: 228px; height: 228px; }
div.comment {
border: thin black solid;
margin-top: 2ex; margin-bottom: 2ex;
}
-figure.thumb figcaption {
- display: block;
- width: 228px;
-}
+figure.thumb figcaption { display: block; }
figcaption { text-align: center; }
figcaption span.name { font-family: sans-serif; }
figcaption span.comment { font-style: italic; margin-inline-start: 1em; }
max-width: 100%;
overflow-x: auto;
text-align: center;
- display: flex; flex-direction: row; align-self: center;
+ flex-direction: row; align-self: center;
}
+div.thumbstrip.bigthumb { display: flex; }
/*----- That's all, folks -------------------------------------------------*/