css

src/App.css

@@ -1,7 +1,7 @@
 .App {
   text-align: center;
   background-color: rgb(243, 97, 12);
-
+  height: 100vh;
 }
 
 .neben

src/components/ImpressTxt.tsx

@@ -4,6 +4,7 @@ const ImpressTxt = () =>
 {
     return ( 
 <>
+<div className='mehrspaltig'>
 <p><span className="underline">Angaben gem. § 5 TMG:</span></p>
 <p>&nbsp;</p>
 <p>Dipl.-Ing. Peter Hoppe</p>
@@ -62,7 +63,8 @@ const ImpressTxt = () =>
     Inhalte unverzüglich entfernen.</p>
 <p>Dieses <a href="http://www.jurarat.de/muster-impressum">Impressum</a> wurde freundlicherweise von www.jurarat.de zur
     Verfügung gestellt.</p>
-</>
+    </div>
+    </>
 );
 }
 export default ImpressTxt;

src/components/Impressum.css

@@ -1,4 +1,12 @@
 .underline
 {
     text-decoration: underline;
+}
+
+.mehrspaltig 
+{
+    column-count:      2;
+    column-gap:        10em;
+    column-rule-style: double;
+    height: 400vh;
 }