Blog Site

src/components/blogCard.astro

@@ -37,7 +37,7 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
       visibility: visible;
       height: 1.5rem;
       width: 1.5rem;
-      border-radius: 50%;
+      border-radius: 40%;
       background-color: var(--c-darkpurple);
       transition: transform var(--speed) var(--ease);
     }
@@ -96,6 +96,7 @@ const date = new Date(pubdate).toLocaleDateString('en-GB', options_date)
     text-align: center;
     transition: transform var(--speed) var(--ease);
     min-height: 100%;
+    border-radius: 1.25rem;
   }
   a:hover > article {
     transform: scaleY(102.5%) scaleX(101%);

src/layouts/blogSection.astro

@@ -46,6 +46,9 @@ const { title } = Astro.props
     z-index: -1;
   }
   h1 {
+    font-size: 40px;
+    line-height: 48px;
+    letter-spacing: -1px;
     color: white;
     font-size: 2.25rem;
     margin-top: 1rem;
@@ -55,6 +58,9 @@ const { title } = Astro.props
     padding: 0.25rem 0.75rem;
     max-width: max-content;
     background-color: var(--c-darkgray);
+    padding: 0.25rem 1.5rem;
+    border-radius: 0.5rem;
+    padding-bottom: 0.5rem;
   }
   .wrapper {
     margin: 2rem 3rem 0.5rem 3rem;
@@ -80,12 +86,12 @@ const { title } = Astro.props
   }
   @media (min-width: 1500px) {
     .wrapper {
-      margin-left: 15rem;
-      margin-right: 15rem;
+      margin-left: 20rem;
+      margin-right: 20rem;
     }
     h1 {
-      margin-left: 15rem;
-      margin-right: 15rem;
+      margin-left: 20rem;
+      margin-right: 20rem;
     }
   }
 </style>

src/layouts/taSection.astro

@@ -33,6 +33,9 @@ if (abovetext === undefined) {
     padding: 1em;
   }
   h1 {
+    font-size: 40px;
+    line-height: 48px;
+    letter-spacing: -1px;
     color: white;
     margin-top: 2rem;
     margin-bottom: 0;