Layout project columns vertically

content/pages/de/index.md

@@ -52,7 +52,7 @@ lang: de
 
 <div class="container" id="project-columns">
 <div class="row">
-  <div class="col-lg-4 border-right">
+  <div class="d-flex flex-column col-lg-4 border-right">
 	<h2>Freie Software und Bildung Hand in Hand</h2>
 	<a href="https://schul-frei.org/">
       <img src="/theme/artwork/logo-schul-frei.svg" alt="Logo Projekt schul-frei" class="projektlogo" />
@@ -60,14 +60,14 @@ lang: de
 	<p>
 	 Das Projekt schul-frei ist ein Kuratorium für Freie Software in der Bildung.
 	</p>
-	<p>
+	<p class="mt-auto">
 	 Die im Projekt engagierten Softwareentwicklerinnen, Lehrkräfte, Schulen, Schüler und IT-Unternehmen
 	 bieten gemeinsam eine breits, übersichtliches und qualitativ hochwertige Sammlung von Softwarelösungen
 	 für Jugend und Bildung an — als Gemeinschaft und als Dienstleistung für Schulen und Entscheidungsträger.
 	</p>
-	<a class="btn btn-dark" href="https://schul-frei.org/">Mehr auf schul-frei.org</a>
+	<a class="btn btn-dark mt-auto" href="https://schul-frei.org/">Mehr auf schul-frei.org</a>
   </div>
-  <div class="col-lg-4 border-right">
+  <div class="d-flex flex-column col-lg-4 border-right">
 	<h2>Lernen und Ausprobieren mit Kindern</h2>
 	<a href="https://hacknfun.org">
       <img src="/theme/artwork/logo-hacknfun.svg" alt="Logo Projekt Hack'n'Fun" class="projektlogo" />
@@ -76,15 +76,15 @@ lang: de
 	 Im Projekt Hack'n'Fun experimentieren Kinder, Jugendliche und Erwachsene gemeinsam, um technische
 	 Themen kennenzulernen.
 	</p>
-	<p>
+	<p class="mt-auto">
      Bei Wochenend- und Ferienfreizeiten, sowie in dauerhaften Online- und Offline-Themennachmittagen,
 	 bieten erfahrene Jugendliche oder Erwachsene Themenideen aus verschiedenen technischen Bereichen an
 	 oder Kinder und Jugendliche wünschen sich selber Themen, die sie interessieren — bei mehrtägigen
 	 Freizeiten mit umfangreichem sozialem Rahmenprogramm.
 	</p>
-	<a class="btn btn-dark" href="https://hacknfun.org/">Mehr auf hacknfun.org</a>
+	<a class="btn btn-dark mt-auto" href="https://hacknfun.org/">Mehr auf hacknfun.org</a>
   </div>
-  <div class="col-lg-4">
+  <div class="d-flex flex-column col-lg-4">
 	<h2>Gemeinschaft und Partizipation mit Jugendlichen</h2>
 	<a href="https://leopard-camp.org">
       <img src="/theme/artwork/logo-leopard.svg" alt="Logo Projekt LEOPARD" class="projektlogo" />
@@ -93,13 +93,13 @@ lang: de
 	 Wer Erfahrungen mit Freier Software oder Informatik und Technik gesammelt hat, sollte
 	 diese vertiefen und an andere weitergeben.
 	</p>
-	<p>
+	<p class="mt-auto">
      Das pädagogische Konzept der langfristigen Zusammenarbeit und Partizipation von Kindern,
 	 Jugendlichen und Erwachsenen gemeinsam ist der Kern der LEOPARD-Campdays und des LEOPARD-
 	 Onlinecamps, in dem unter anderem auch die Projekte Hack'n'Fun und schul-frei ihre Sessions
 	 organisieren und mit der LEOPARD-Redaktion für Alte und Neue aufbereiten.
 	</p>
-	<a class="btn btn-dark" href="https://leopard-camp.org/">Mehr auf leopard-camp.org</a>
+	<a class="btn btn-dark mt-auto" href="https://leopard-camp.org/">Mehr auf leopard-camp.org</a>
   </div>
 </div>
 </div>