Applied padding to the body in order to account for list gutters.

assets/css/screen.scss

@@ -6,7 +6,13 @@
 $max-width: 60ch;
 $line-height-body: 1.5;
 $font-stack: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
-$spacing-m: 1rem;
+
+$spacing-xs: 0.25rem; // 4
+$spacing-s: 0.5rem; // 8
+$spacing-m: 1rem; // 16
+$spacing-l: 1.5rem; // 24
+$spacing-xl: 2rem; // 32
+$spacing-xxl: 2.5rem; // 40
 
 /* || General Styles */
 
@@ -20,7 +26,7 @@ html {
 
 body {
   margin: 0 auto;
-  padding: $spacing-m;
+  padding: 0 $spacing-xl;
 
   line-height: $line-height-body;
   max-width: $max-width;