Add is-same-height class for columns

sass/_content.scss

+.columns.is-same-height {
+    align-items: stretch;
+
+    .column > * {
+        height: 100%;
+    }
+}

sass/style.scss

@@ -7,3 +7,4 @@ $family-sans-serif: "Roboto", sans-serif;
 @import "../node_modules/bulma/bulma.sass";
 
 @import "./_menu.scss";
+@import "./_content.scss";

templates/frontpage/blocks/news.html

@@ -2,7 +2,7 @@
   <section class="columns is-centered is-half">
     <h1 class="title is-1">Neuigkeiten</h1>
   </section>
-  <section class="columns">
+  <section class="columns is-same-height">
     <div class="column">
       <div class="card">
         {% include "frontpage/blocks/embed_article.html" %}
@@ -10,7 +10,36 @@
     </div>
     <div class="column">
       <div class="card">
-        {% include "frontpage/blocks/embed_article.html" %}
+        <div class="card-image">
+          <figure class="image is-4by3">
+            <img
+              src="https://bulma.io/images/placeholders/1280x960.png"
+              alt="Placeholder image"
+            />
+          </figure>
+        </div>
+        <div class="card-content">
+          <div class="media">
+            <div class="media-content">
+              <p class="subtitle is-6">person</p>
+              <p class="title is-4">name</p>
+            </div>
+          </div>
+        
+          <div class="content">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
+            iaculis mauris.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
+            iaculis mauris.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
+            iaculis mauris.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
+            iaculis mauris.
+            <br />
+            <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
+          </div>
+        </div>
+        
       </div>
     </div>
     <div class="column">