style(padding) Fix style issue on small screens (x-overflow)

src/routes/blog/+page.svelte

@@ -55,10 +55,6 @@
       </span>
       {daysSinceLastPublish === 1 ? "day" : "days"} since I last published something.
     </p>
-    <p>
-      I write about fun software I've built alone, Real Software™ I built in
-      teams, books I read, things I am sewing, and other things.
-    </p>
     <p>
       I have written {numberOfBlogPostsThisYear}
       {numberOfBlogPostsThisYear === 1 ? "piece" : "pieces"} so far this year. On

src/routes/home/HomepageHeader.svelte

@@ -33,7 +33,7 @@
   </p>
   <p class="body">Here are some things I've written recently:</p>
 
-  <ol>
+  <ol class="latest-blog-posts">
     {#each latestBlogPosts as post}
       <li>
         <a href="/blog/{post.slug}">{post.title}</a> ({formatDate(
@@ -62,13 +62,13 @@
     font-family: monospace;
     display: grid;
     place-items: center;
+    padding: 0 12px;
   }
 
   a,
   ol,
   li,
-  p,
-  blockquote {
+  p {
     color: var(--text-color);
     font-family: inherit;
     width: 100%;
@@ -84,4 +84,8 @@
   .body {
     text-align: left;
   }
+
+  .latest-blog-posts {
+    list-style-position: inside;
+  }
 </style>