Add basic styling for side-by-side pictures

1 files changed, 3 insertions, 0 deletions

diff --git a/source/99_result/main.css b/source/99_result/main.css
index 2572d5f..808e58b 100644
--- a/source/99_result/main.css
+++ b/source/99_result/main.css
@@ -49,6 +49,9 @@ sub{vertical-align:baseline;position:relative;top:0.4em}
 #content .info a:hover{text-decoration:underline}
 #content .footnotes{border-top:.3em dotted #e3e8e8}
 #content video{padding:.2em;border:.1em solid #e3e8e8;display:block;margin:1em auto;max-width:95%}
+#content .flexcolumns{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}
+#content .flexcolumns > div{display:flex;flex-direction:column;flex-basis:100%;flex:1}
+#content .flexcolumns > div > span{text-align:center}
 
 #pagination{font:normal 1em 'Oswald',sans-serif;height:1.5em;margin-top:.5em}
 #pagination span.disabled{display:none}