chore: add recent links widget

src/assets/styles/components/addon-links.css

@@ -0,0 +1,19 @@
+:root {
+  --grid: repeat(1,minmax(0,1fr));
+}
+
+.addon-links__wrapper {
+  display: grid;
+  gap: var(--sizing-sm);
+  grid-template-columns: var(--grid);
+}
+
+.addon-links__wrapper h2 {
+  margin-top: 0;
+}
+
+@media screen and (min-width: 768px) {
+  :root {
+    --grid: repeat(2,minmax(0,1fr));
+  }
+}

src/assets/styles/components/media-grid.css

@@ -3,7 +3,7 @@
   --grid-vertical: repeat(3,minmax(0,1fr));
 }
 
-.now__section--header {
+h2 {
   margin: var(--sizing-3xl) 0 var(--sizing-lg);
 }
 

src/assets/styles/components/popular-posts.css

@@ -1,3 +0,0 @@
-.popular-posts h2 {
-  margin: var(--sizing-base) 0;
-}

src/assets/styles/index.css

@@ -325,12 +325,15 @@ article p:first-of-type {
   margin-top: var(--sizing-sm);
 }
 
-.tag:not(:last-child) {
-  margin-right: var(--sizing-lg);
+.tag {
   margin-bottom: var(--sizing-lg);
   display: inline-block;
 }
 
+.tag:not(:last-child) {
+  margin-right: var(--sizing-lg);
+}
+
 /* buttons */
 button {
   appearance: none;
@@ -464,9 +467,12 @@ li {
     margin-top: var(--sizing-md);
   }
 
+  .tag {
+    margin-bottom: var(--sizing-sm);
+  }
+
   .tag:not(:last-child) {
     margin-right: var(--sizing-sm);
-    margin-bottom: var(--sizing-sm);
   }
 
   footer nav:first-child {

src/assets/styles/pages/404.css

@@ -1,4 +1,3 @@
-.four-oh-four__wrapper .image__banner,
-.four-oh-four__wrapper a {
+.four-oh-four__wrapper .image__banner {
   margin-bottom: var(--sizing-base);
 }

src/assets/styles/pages/now.css

@@ -14,11 +14,15 @@
   width: var(--sizing-base);
 }
 
-.now__section--header {
+h2 {
   margin: var(--sizing-3xl) 0 var(--sizing-lg);
 }
 
-.now__section--header:first-of-type {
+h2:first-of-type {
+  margin-top: 0;
+}
+
+.link__list {
   margin-top: 0;
 }