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">
-  <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">
-      <span class="pr-1">{{ dateverbose }}</span>
-      <span class="pl-1">{{ organization.name }}</span>
+<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">
+        <span class="pr-1">{{ dateverbose }}</span>
+        <span class="pl-1">{{ organization.name }}</span>
+      </div>
+      <div class="my-2">
+        {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 1") }}
+        {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 2") }}
+      </div>
     </div>
-    <div class="my-2">
-      {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 1") }}
-      {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 2") }}
+    {{> 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>
-  </div>
-  {{> atoms-figure(caption: "Popisek fotky") }}
-</article>
+  </section>
+
+</div>
 
 {{> organisms-footer }}