Add space above the About Me block

source/_layouts/post.html.twig

@@ -1,9 +1,13 @@
 {% extends 'base' %}
 
 {% block content_wrapper %}
-    <div class="markdown">
-        {{ parent() }}
-    </div>
+    <div class="space-y-10">
+        <div>
+            <div class="markdown">
+                {{ parent() }}
+            </div>
+        </div>
 
-    {% include 'about-author' %}
+        {% include 'about-author' %}
+    </div>
 {% endblock %}

source/_layouts/talk.html.twig

@@ -1,23 +1,25 @@
 {% extends 'base' %}
 
 {% block content_wrapper %}
-    <div class="space-y-6">
-        <div class="markdown">
-            {{ parent() }}
+    <div class="space-y-10">
+        <div class="space-y-6">
+            <div class="markdown">
+                {{ parent() }}
+            </div>
+
+            {% include 'talk/slides' with {
+                speakerdeck: page.speakerdeck,
+            } only %}
+
+            {% include 'talk/video' with {
+                video: page.video,
+            } only %}
+
+            {% include 'talk/events' with {
+                events: page.events|reverse,
+            } only %}
         </div>
 
-        {% include 'talk/slides' with {
-            speakerdeck: page.speakerdeck,
-        } only %}
-
-        {% include 'talk/video' with {
-            video: page.video,
-        } only %}
-
-        {% include 'talk/events' with {
-            events: page.events|reverse,
-        } only %}
+        {% include 'about-author' %}
     </div>
-
-    {% include 'about-author' %}
 {% endblock %}

source/_partials/about-author.html.twig

@@ -1,7 +1,7 @@
 <section>
   <h2>About Me</h2>
 
-  <div class="flex space-x-4">
+  <div class="flex mt-4 space-x-4">
     <div class="flex-shrink-0">
       <img src="/sites/default/files/images/me-precedent.jpg" alt="Picture of Oliver" class="w-16 h-16 border rounded-full border-gray">
     </div>