#351: Add responsive styling for table columns.

Author: yegor256

index.html

@@ -104,6 +104,12 @@ <h2>Tables</h2>
           A simple table would look like this:
         </p>
         <table>
+          <colgroup>
+            <col style="width: 12em;"/>
+            <col style="width: 6em;"/>
+            <col style="width: 5em;"/>
+            <col/>
+          </colgroup>
           <thead>
             <tr>
               <th>Make</th>

scss/_tables.scss

@@ -9,6 +9,12 @@ table {
   table-layout: fixed;
   width: 100%;
 
+  col {
+    @media all and (max-width: 1024px) {
+      width: auto !important; // sass-lint:disable-line no-important
+    }
+  }
+
   thead {
     th {
       border-bottom: .12 * $em solid $gray;