More work on article detail

source/_patterns/02-organisms/02-articles/article-card-list.mustache

-<div class="article-card-list grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 lg:gap-4">
+<div class="article-card-list grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 lg:gap-4">
   {{> molecules-emphasized-article-card }}
   {{> molecules-article-card }}
   {{> molecules-emphasized-article-card }}
   {{> molecules-article-card }}
   {{> molecules-emphasized-article-card }}
   {{> molecules-article-card }}
-  {{> molecules-emphasized-article-card }}
-  {{> molecules-emphasized-article-card }}
 </div>

source/_patterns/03-templates/article-detail.mustache

 {{> organisms-header }}
 
-<article class="container container--default py-8">
+<div class="container container--default py-8">
+  <article>
     <h1 class="head-alt-lg max-w-5xl mb-2">Senátor Lukáš Wagenknecht žádá nastavení pravidel proti střetu zájmů</h1>
     <div class="flex items-center">
       <div class="inline-flex divide-x flex-grow">
@@ -13,6 +14,29 @@
       </div>
     </div>
     {{> atoms-figure(caption: "Popisek fotky") }}
+
+    <div class="flex mt-4 space-x-4">
+      <div class="w-3/5">
+        {{> molecules-content-block }}
+      </div>
+      <div class="w-2/5">
+        <div class="card w-full">
+          <div class="card__body">
+            <span class="head-alt-md">Sdílení je aktem lásky</span>
+          </div>
+        </div>
+      </div>
+    </div>
   </article>
 
+  <section class="mt-8">
+    <h1 class="head-alt-md pb-2">Další podobné články</h1>
+    {{> organisms-article-card-list }}
+    <div class="text-center mt-4">
+      {{> atoms-icon-button(cta: "Zobrazit další", classes: "text-xl", icon: "fas fa-chevron-right") }}
+    </div>
+  </section>
+
+</div>
+
 {{> organisms-footer }}