fix: set correct margin before ul

src/assets/css/index.scss

@@ -127,16 +127,24 @@ h2 {
   font-weight: 700;
   letter-spacing: .02rem;
   line-height: 1.7rem;
+  margin: 3rem 0 2rem;
+}
+
+p, li {
+  font-size: 1.125rem;
+  line-height: 1.5rem;
 }
 
 p {
-  font-size: 1.125rem;
-  line-height: 1.5rem;
-  margin: 1.5rem 0;
+  margin: 0;
 }
 
-li {
-  line-height: 1.5;
+p + p {
+  margin-top: 1.5rem;
+}
+
+p ~ ul {
+  margin-top: .5rem;
 }
 
 a {
@@ -174,9 +182,6 @@ hr {
   margin: 4rem 15vw;
 }
 
-p + h2 {
-  margin-top: .5rem;
-}
 figure + h2,
 pre + h2 {
   margin-top: 2rem;
@@ -188,7 +193,7 @@ img {
 
 figure {
   text-align: center;
-  margin: 0;
+  margin: 2rem;
 }
 
 figure img {
@@ -374,6 +379,7 @@ pre[class*="language-diff-"] {
   --eleventy-code-padding: 1.25em;
   padding-left: var(--eleventy-code-padding);
   padding-right: var(--eleventy-code-padding);
+  margin: 1.5rem 0;
 }
 .token.deleted {
   background-color: hsl(0, 51%, 37%);