From 0e8f424d9ef29175a12e8efb40e91a63aa939da1 Mon Sep 17 00:00:00 2001
From: Albert Krewinkel <albert@zeitkraut.de>
Date: Fri, 29 Jul 2022 23:44:13 +0200
Subject: HTML: use CSS flex boxes for columns.

This allows to render an arbitrary number of columns, while the previous
approach assumed exactly two columns.
---
 test/s5-basic.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'test/s5-basic.html')

diff --git a/test/s5-basic.html b/test/s5-basic.html
index 5cf900d5c..4b6668c96 100644
--- a/test/s5-basic.html
+++ b/test/s5-basic.html
@@ -13,7 +13,8 @@
   <style type="text/css">
     code{white-space: pre-wrap;}
     span.smallcaps{font-variant: small-caps;}
-    div.column{display: inline-block; vertical-align: top; width: 50%;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: 1;}
     div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
     ul.task-list{list-style: none;}
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
-- 
cgit v1.2.3