improve margins

4 files changed, 9 insertions, 2 deletions

diff --git a/assets/css/base.css b/assets/css/base.css
index d6fe43b..04ed8d4 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -63,7 +63,7 @@ textarea:focus {
 }
 
 pre {
-    border: 2px solid var(--divider);
+    border: 1px solid var(--divider);
     overflow: auto;
     margin-bottom: 1.75rem;
     padding: 1rem 1.75rem;
diff --git a/assets/css/media-queries.css b/assets/css/media-queries.css
index 9783c25..56a6b24 100644
--- a/assets/css/media-queries.css
+++ b/assets/css/media-queries.css
@@ -145,6 +145,10 @@
         max-width: 90%;
     }
 
+    .pagination {
+        width: 90%;
+    }
+
     .footer {
         grid-template-areas: "social" "contact" "copy";
         grid-template-columns: 1fr;
diff --git a/assets/css/reset.css b/assets/css/reset.css
index 42cbb23..b3662e8 100644
--- a/assets/css/reset.css
+++ b/assets/css/reset.css
@@ -90,11 +90,13 @@ body {
     height: 100vh;
     hyphens: auto;
     line-height: 1.55;
+    overflow-wrap: break-word;
     text-rendering: optimizeLegibility;
 }
 
 blockquote,
 q {
+    font-size: 1.1rem;
     quotes: none;
 }
 
@@ -153,6 +155,7 @@ code,
 kbd {
     font-family: monospace;
     font-size: 1em;
+    white-space: pre-wrap;
 }
 
 select {
diff --git a/assets/css/style.css b/assets/css/style.css
index d01b1ec..85cbfaf 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -277,7 +277,7 @@
 .pagination {
     display: flex;
     justify-content: space-evenly;
-    margin-bottom: 1.75rem;
+    margin-bottom: 2.75rem;
     width: 20%;
 }