fix rule-styling

Webauftritt/eportfolio/partials/ruleitem.hbs

@@ -1,5 +1,5 @@
 <div class="flex items-center flex-col bg-banner p-5">
     <img src="{{image}}" alt="{{imageAlt}}" class="w-72"/>
-    <p class="font-bold">{{title}}</p>
+    <p class="font-bold text-center">{{title}}</p>
     <p>{{description}}</p>
 </div>

Webauftritt/eportfolio/rules.html

@@ -14,7 +14,7 @@
 
     <h1 class="flex justify-center">Regeln</h1>
 
-    <div class="h-full grid grid-cols-1 md:grid-cols-3 gap-0.5 content-start p-16">
+    <div class="h-full grid grid-cols-1 md:grid-cols-3 gap-1 content-start p-16">
         {{> ruleitem
         image="/rules/fgz.svg"
         imageAlt="Free Guard Zone"