feat: responsive table & set its width to 100%

assets/js/main.js

@@ -0,0 +1,15 @@
+wrapTable();
+
+function wrapTable() {
+    const tables = document.querySelectorAll('div.post-body table');
+
+    for (let i = 0; i < tables.length; i++) {
+        const parent = tables[i].parentNode;
+        const wrapper = document.createElement('div');
+
+        wrapper.className = 'table-container';
+
+        parent.replaceChild(wrapper, tables[i]);
+        wrapper.appendChild(tables[i]);
+    }
+}

assets/scss/layout/_single.scss

@@ -173,13 +173,15 @@ ol.toc {
     }
 }
 
+.table-container {
+    margin: 2em 0;
+    overflow-x: auto;
+}
 table {
-    display: block;
+    width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
     border-color: var(--color-contrast-lower);
-    margin: 2em 0;
-    overflow-x: auto;
 }
 th {
     font-weight: 700;