strix

commit cedc844ff2c35c584309e6bf61649e0be57672a7
parent b2e0ace76b7f64b20d6deabc848a403b15e2d480
Author: Brian C. Lane <bcl@brianlane.com>
Date:   Sun, 16 Jan 2022 09:38:42 -0800

Fix columns on wide screens

With different height camera images the previous css left a gap because
it was dividing it up into equal sized grids. This  changes it to a 2
column layout with the different sizes fitting together smoothly.

Diffstat:
M
src/strix/ui/style.css
 | 
9
++++-----

1 file changed, 4 insertions(+), 5 deletions(-)
diff --git a/src/strix/ui/style.css b/src/strix/ui/style.css
@@ -1,17 +1,16 @@
 body {
-    width: 100%;
 }
 
-.live-feeds {
+#live-feeds {
 }
 
 .feed {
-    float: left;
 }
 
 @media (min-width: 40em) {
-    .feed {
-        width: 49%;
+    #live-feeds {
+        column-count: 2;
+        column-gap: 1px;
     }
 }