From ee10154f2bd0d0f2c5c358a15347b7ca3aedfb51 Mon Sep 17 00:00:00 2001
From: eLtMosen <koennecke@mosushi.de>
Date: Sun, 5 Mar 2023 20:04:57 +0100
Subject: [PATCH] Add two column layout and adaptively set about-text
 min-height

---
 styles/components/about-rows.less | 40 +++++++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/styles/components/about-rows.less b/styles/components/about-rows.less
index 5095b19e..a012c524 100644
--- a/styles/components/about-rows.less
+++ b/styles/components/about-rows.less
@@ -2,18 +2,48 @@
 // Rows on the About page
 // --------------------------------------------------
 
+.about-container {
+  -moz-column-count: 2;
+  -webkit-column-count: 2;
+  column-count: 2;
+  -moz-column-gap: 1em;
+  -webkit-column-gap: 1em;
+  column-gap: 1em;
+
+  @media (max-width: 720px) {
+    -moz-column-count: 1;
+    -webkit-column-count: 1;
+    column-count: 1;
+  }
+}
+
 .about-row {
-  display: inline;
+  display: inline-block;
+  margin: 0 0 1em;
+  width: 100%;
+  padding: 0 1em 0 1em;
 
-  @media (min-width: @grid-float-breakpoint) {
-    display: table;
+  @media (max-width: 720px) {
+    padding: 0 1.5em 0 1.5em;
   }
 }
 
 .about-text {
-  display: table-cell;
+  text-align: justify;
   vertical-align: middle;
-  padding: 40px;
+
+  h2 {text-align: center;}
+
+  @media (min-width: 720px) {
+    min-height: 230px;
+    padding: 0 1em 0 1em;
+  }
+  @media (min-width: @screen-sm-max) {
+    min-height: 170px;
+  }
+  @media (min-width: @screen-md-max) {
+    min-height: 150px;
+  }
 }
 
 .about-img {