Merge branch 'develop'

Author: tobihagemann

layouts/blog/list.html

@@ -12,33 +12,35 @@ <h1 class="font-h1 mb-8">{{ .Title }} <a class="text-link" href="{{ .Site.Langua
       {{ $featured_post := first 1 $paginator.Pages }}
       {{ if $featured_post }}
         {{ range $page := $featured_post }}
-          <article class="white-box grid grid-cols-1 lg:grid-cols-2 overflow-hidden mb-6 md:mb-12">
-            <figure class="relative h-48 w-full md:h-72 lg:h-96 bg-primary-l2">
-              <a href="{{ .RelPermalink }}">
-                {{ if .Params.ogimage }}
-                  <img class="absolute inset-0 size-full object-cover" src="{{ .Params.ogimage.relsrc }}" alt="{{ .Title }}">
-                {{ else }}
-                  <img class="absolute inset-0 size-full object-contain p-6 md:p-12" src="/img/logo.svg" alt="{{ .Title }}">
-                {{ end }}
-              </a>
-            </figure>
-            <div class="p-4 md:p-8">
-              <p class="text-xs md:text-sm leading-relaxed text-gray-600 mb-1">{{ dateFormat "2006-01-02" .Params.Date }}</p>
-              <h2 class="font-headline font-medium text-xl md:text-4xl leading-snug md:leading-tight mb-6">
-                <a class="text-link" href="{{ .RelPermalink }}">{{ .Title }}</a>
-              </h2>
-              <p class="text-sm md:text-xl leading-relaxed">{{ .Summary }}</p>
-            </div>
-          </article>
+          <div class="py-0 md:py-12 lg:py-24">
+            <article class="white-box grid grid-cols-1 lg:grid-cols-2 overflow-hidden mb-6">
+              <figure class="relative h-48 w-full md:h-72 lg:h-96 bg-primary-l2">
+                <a href="{{ .RelPermalink }}">
+                  {{ if .Params.ogimage }}
+                    <img class="absolute inset-0 size-full object-cover" src="{{ .Params.ogimage.relsrc }}" alt="{{ .Title }}">
+                  {{ else }}
+                    <img class="absolute inset-0 size-full object-contain p-6 md:p-12" src="/img/logo.svg" alt="{{ .Title }}">
+                  {{ end }}
+                </a>
+              </figure>
+              <div class="p-4 md:p-8">
+                <p class="text-xs md:text-sm leading-relaxed text-gray-600 mb-1">{{ dateFormat "2006-01-02" .Params.Date }}</p>
+                <h2 class="font-headline font-medium text-xl md:text-4xl leading-snug md:leading-tight mb-6">
+                  <a class="text-link" href="{{ .RelPermalink }}">{{ .Title }}</a>
+                </h2>
+                <p class="text-sm md:text-xl leading-relaxed">{{ .Summary }}</p>
+              </div>
+            </article>
+          </div>
         {{ end }}
       {{ end }}
 
       <!-- Section 2: Next 2 Posts (2-column cards) (only on Page 1) -->
       {{ $card_posts := first 2 (after 1 $paginator.Pages) }}
       {{ if $card_posts }}
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6 md:mb-12">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-x-6 py-0 md:py-6 lg:py-12">
           {{ range $page := $card_posts }}
-            <article class="white-box overflow-hidden">
+            <article class="white-box overflow-hidden mb-6">
               <figure class="relative h-48 w-full bg-primary-l2">
                 <a href="{{ .RelPermalink }}">
                   {{ if .Params.ogimage }}