Initial layout styling

source/_includes/testimonials.html.twig

@@ -7,7 +7,7 @@
         {{ testimonial.text|markdown }}
 
         {% if testimonial.image %}
-          <img alt="Photo of {{ testimonial.name }}" src="{{ testimonial.image.url }}" />
+          <img class="size-20 rounded-full" alt="Photo of {{ testimonial.name }}" src="{{ testimonial.image.url }}" />
         {% endif %}
 
         <footer>

source/_layouts/default.html.twig

@@ -1,15 +1,17 @@
 <link rel="stylesheet" href="/build/tailwind.css" />
 
-<div>
-  <main>
-    <h1>{{ page.title }}</h1>
-
-    {% block content %}{% endblock %}
-  </main>
-
-  {% block content_bottom %}{% endblock %}
-
-  <footer>
-    {% include 'main-menu.html.twig' %}
-  </footer>
+<div class="px-4 md:px-6 max-w-4xl mx-auto">
+  <div class="space-y-10">
+    <main>
+      <h1>{{ page.title }}</h1>
+
+      {% block content %}{% endblock %}
+    </main>
+
+    {% block content_bottom %}{% endblock %}
+
+    <footer>
+      {% include 'main-menu.html.twig' %}
+    </footer>
+  <div>
 <div>