make site responsive

This commit is contained in:
Tobias Hilfiker
2022-12-22 20:42:12 +01:00
parent 001ef6de56
commit c72fdae71e
4 changed files with 65 additions and 66 deletions

View File

@@ -1,13 +1,8 @@
<footer class="bg-navbackground bottom-0 w-full h-auto flex justify-between">
<div class="mb-5 mt-5 ml-10">
<p class="font-bold text-textcolor">Copyright & Impressum:</p>
<p class="text-textcolor">Tobias Hilfiker</p>
<p class="text-textcolor">GBS St. Gallen</p>
<p class="text-textcolor">Demutstrasse 115</p>
<p class="text-textcolor">CH-9012 St. Gallen</p>
<a class="text-textcolor" href="mailto:tobias.hilfiker@edu.gbssg.ch">tobias.hilfiker@edu.gbssg.ch</a>
<footer class="bg-navbackground bottom-0 w-full h-auto flex md:flex-row flex-col justify-between md:p-10 p-5">
<div class="md:p-0 pb-5">
<p class="font-bold text-textcolor">© 2022 Tobias Hilfiker</p>
</div>
<div class="mb-5 mt-5 mr-10">
<div>
<p class="font-bold text-textcolor">Curling selbst ausprobieren in St. Gallen:</p>
<a class="text-textcolor" href="https://www.curling-stgallen.ch" target="_blank">Curling Center St. Gallen</a>
</div>

View File

@@ -1,4 +1,4 @@
<div class="flex flex-row bg-banner w-96 mb-6 items-center">
<div class="flex flex-row bg-banner w-11/12 md:w-96 items-center justify-center">
<img src="{{image}}" alt="{{imageAlt}}" class="w-12 h-12 justify-center mr-5 ml-5"/>
<div>
<p class="font-bold">{{title}}</p>