From d9c38790c875ae92ae5b1c0ed4787cb400e5164b Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 3 Jan 2024 20:00:00 +0000
Subject: [PATCH] Initial layout styling

---
 source/_includes/testimonials.html.twig |  2 +-
 source/_layouts/default.html.twig       | 26 +++++++++++++------------
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/source/_includes/testimonials.html.twig b/source/_includes/testimonials.html.twig
index b4b1471f..e9d1bd39 100644
--- a/source/_includes/testimonials.html.twig
+++ b/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>
diff --git a/source/_layouts/default.html.twig b/source/_layouts/default.html.twig
index e9dc99ea..4b0bb216 100644
--- a/source/_layouts/default.html.twig
+++ b/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>