Fixed layout issues, added blog post, added date sorting, changed embed file, fixed old link

src/layouts/blogSection.astro

@@ -14,7 +14,7 @@ const { title } = Astro.props;
 </section>
 
 <style>
-    h1 {
+     h1 {
         color: white;
         margin: 0.5rem 0px 0.5rem 0.5em;
         padding: 0.25rem 0.75rem;
@@ -22,12 +22,21 @@ const { title } = Astro.props;
         background-color: var(--c-darkgray);
     }
     div {
-        display: block;
+        display: flex;
+        flex-flow: row wrap;
         row-gap: 1em;
         column-gap: 1em;
+        align-self: center;
+        align-items: stretch;
+        justify-content: space-around;
         padding: 1em;
         color: white;
         font-size: 1em;
     }
+    @media (min-width: 512px) {
+        div {
+            justify-content: left;
+        }
+    }
     
 </style>