Responsively scale aside

package.json

@@ -1,6 +1,6 @@
 {
     "name": "about",
-    "version": "1.3.7",
+    "version": "1.3.8",
     "description": "All about Florine",
     "author": "Florine W. Dekker",
     "browser": "dist/bundle.js",

src/main/css/main.css

@@ -1,5 +1,25 @@
-:root {
-    --aside-width: 215px !important;
+@media (max-width: 768px) {
+    :root {
+        --aside-width: 215px !important;
+    }
+}
+
+@media (min-width: 768px) and (max-width: 992px) {
+    :root {
+        --aside-width: 230px !important;
+    }
+}
+
+@media (min-width: 992px) and (max-width: 1200px) {
+    :root {
+        --aside-width: 240px !important;
+    }
+}
+
+@media (min-width: 1200px) {
+    :root {
+        --aside-width: 255px !important;
+    }
 }
 
 #socials-span a {