Finishing card layout

data/panaetius-theme/assets.json

@@ -9,7 +9,7 @@
     "js": "2.lazyload.1168fc21175de558d316.min.js"
   },
   "main": {
-    "css": "main.cdd48a316d2fd0c38b94.min.css",
+    "css": "main.9098d523cee24093a1f2.min.css",
     "js": "main.48637aff6f96e597ae05.min.js"
   },
   "vendors~app": {

layouts/index.html

@@ -42,10 +42,7 @@
     <!-- <div class="container-fluid" style="padding-left: 15%; padding-right: 15%;"> -->
     <div class="container">
         <div class="row d-flex justify-content-center justify-content-md-between align-content-between">
-            {{ range first 1 (after 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) }}
-            {{ .Render "card" }}
-            {{ end }}
-            {{ range first 2 (after 2 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) }}
+            {{ range first 3 (after 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) }}
             {{ .Render "card" }}
             {{ end }}
         </div>

layouts/post/card.html

@@ -1,4 +1,4 @@
-<div class="d-flex flex-column card-regular card-regular-width my-2 my-md-5 px-0">
+<div class="d-flex flex-column card-regular card-regular-width my-2 my-md-5 px-0 align-items-stretch">
     {{ $page := . }}
     {{- with .Resources.Match "images/banner.svg" -}}
     {{ range . }}
@@ -16,7 +16,7 @@
         <p>{{ $page.Summary | truncate 200 }}</p>
         <div>
             {{- with $page.Params.tags -}}
-            <div class="d-flex justify-content-start">
+            <div class="d-flex justify-content-start align-items-stretch">
                 <div class="tags">
                     {{- range . -}}
                     <a class="badge badge-dark mr-2" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">

src/scss/cards.scss

@@ -66,7 +66,7 @@
 
 .card-regular {
     @include card-border;
-    min-height: 600px;
+    // min-height: 700px;
 
     & .card-regular-image {
         @include image-zoom;
@@ -75,7 +75,7 @@
     }
 
     & .card-regular-image-parent {
-        height: 40%;
+        height: 200px;
         overflow: hidden;
     }
 }