From 6bc99625dbc4ddbe898d5984f7a812b1397f9b7b Mon Sep 17 00:00:00 2001
From: ashleysyg <ashley.syg.lee@gmail.com>
Date: Thu, 25 Jan 2024 12:59:12 -0500
Subject: [PATCH 1/2] feat: add max width to blog posts

---
 pages/blog/_slug.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/pages/blog/_slug.vue b/pages/blog/_slug.vue
index 9afa3ff..6bd8a09 100644
--- a/pages/blog/_slug.vue
+++ b/pages/blog/_slug.vue
@@ -36,3 +36,15 @@ export default {
   },
 };
 </script>
+
+<style>
+.content {
+  /* ... */
+  display: grid;
+  grid-template-columns: 1fr min(100ch, 100%) 1fr;
+}
+
+.content > * {
+  grid-column: 2;
+}
+</style>

From d9b3c4a6552b48f7386c5b8298059081e8cdf790 Mon Sep 17 00:00:00 2001
From: ashleysyg <ashley.syg.lee@gmail.com>
Date: Mon, 29 Jan 2024 14:31:33 -0500
Subject: [PATCH 2/2] add padding and fix author card formatting

---
 components/base/AuthorCard.vue | 2 +-
 pages/blog/_slug.vue           | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/base/AuthorCard.vue b/components/base/AuthorCard.vue
index a10b892..9da063e 100644
--- a/components/base/AuthorCard.vue
+++ b/components/base/AuthorCard.vue
@@ -36,7 +36,7 @@
           </div>
         </template>
         <template #footer>
-          <div class="content">{{ person.bio }}</div>
+          <div>{{ person.bio }}</div>
         </template>
       </DCard>
     </div>
diff --git a/pages/blog/_slug.vue b/pages/blog/_slug.vue
index 6bd8a09..4d42120 100644
--- a/pages/blog/_slug.vue
+++ b/pages/blog/_slug.vue
@@ -38,6 +38,10 @@ export default {
 </script>
 
 <style>
+.container {
+  padding: 48px;
+}
+
 .content {
   /* ... */
   display: grid;