benefits height symetric to siblings in row + demo

source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache

@@ -2,6 +2,6 @@
     <img src="https://loremflickr.com/341/175"/>
     <div class="benefit-detail bg-acidgreen">
         <p class="head-heavy-base w-full pr-8">Mladí a bezdětní včetně studentů</p>
-        <p class="text-sm">Zachováme svobodný internet pro nastupující generace a zbavíme ho toxicity botů, kteří rozkládají naši společnost.</p>
+        <p class="text-sm">{{^ demoDesc }}Zachováme svobodný internet pro nastupující generace a zbavíme ho toxicity botů, kteří rozkládají naši společnost.{{/ demoDesc}}{{ demoDesc }}</p>
     </div>
 </div>
\ No newline at end of file

source/_patterns/03-templates/coalition-program-points/detail-program-pirati-stan.mustache

@@ -50,15 +50,15 @@
 
                 <h3 class="head-alt-base mb-8 mt-20">BENEFITY</h3>
                 <div class="program-detail-benefity grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
-                    {{> molecules-benefits-pirati-stan}}
+                    {{> molecules-benefits-pirati-stan(demoDesc: "Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.")}}
                     {{> molecules-benefits-pirati-stan}}
                     {{> molecules-benefits-pirati-stan}}
                     {{> molecules-benefits-pirati-stan}}
                 </div>
                 <div class="program-detail-benefity mt-8 grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
+                    {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení", description: "Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet." )}}
                     {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
-                    {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
-                    {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
+                    {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení", description: "Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet."  )}}
                     {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
                     {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
                     {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}

source/css/molecules/benefits-pirati-stan.pcss

 .benefit {
+    @apply flex flex-col;
     img {
         @apply w-full;
     }
@@ -14,6 +15,6 @@
     }
 
     .benefit-detail {
-        @apply px-4 pt-7 pb-14;
+        @apply px-4 pt-7 pb-14 h-full;
     }
 }
\ No newline at end of file