diff --git a/index.html b/index.html
index 77952bd..8fecec4 100644
--- a/index.html
+++ b/index.html
@@ -24,23 +24,25 @@
         font-size: 0.7rem;
     }
 
-    #links {
-        line-height: 1.5;
+    .projects {
+      display: flex;
+      flex-direction: column;
+      gap: 5px;
     }
 
-    #links a {
-        color: #2525d8; 
+    .project {
+      display: flex;
+      align-items: baseline;
     }
 
-    table {
-        border-collapse: separate;
-        border-spacing: 0 10px;
-    }
-    table td {
-        padding: 0px 0.4em;
-        min-width: 20ch;
+    .project-link {
+      min-width: 20ch;
+      padding: 0 0.4em 0 0;
     }
 
+    .project-desc {
+      padding: 0 0.4em;
+    }
 
     @media (max-width: 600px) {
         html {
@@ -49,10 +51,17 @@
         pre {
             font-size: 2.6vw
         }
-        #links {
-            line-height: 1.6;
+        .project {
+            flex-direction: column;
+            align-items: flex-start;
+        }
+        .project-link {
+            min-width: 0;
+            padding-right: 0;
         }
     }
+
+
     </style>
 </head>
 
@@ -68,50 +77,39 @@
     </pre>
 
     <p>
-    I’m a math undergraduate and hobbyist programmer with a growing interest in numerical methods and scientific computing. I enjoy exploring how mathematical ideas translate into efficient low-level code.
+    I'm a math undergraduate and hobbyist programmer with a growing interest in numerical methods and scientific computing. I enjoy exploring how mathematical ideas translate into efficient low-level code.
     </p>
 
     <p><b>projects & hobbys</b></p>
 
-    <table>
-        <tr>
-            <td>
-                <a href="/synth">synth</a>
-            </td>
-            <td>a modular synthesizer project to learn C</td>
-        </tr>
-        <tr>
-            <td>
-                <a href="/mandelbrot">mandelbrot zoom</a>
-            </td>
-            <td>a simple mandelbrot zoom generator</td>
+    <div class="projects">
+      <div class="project">
+        <a class="project-link" href="/git/damian/synth">synth</a>
+        <span class="project-desc">a modular synthesizer project to learn C</span>
+      </div>
 
-        </tr>
+      <div class="project">
+        <a class="project-link" href="/mandelbrot">mandelbrot zoom</a>
+        <span class="project-desc">a simple mandelbrot zoom generator</span>
+      </div>
 
-        <tr>
-            <td>
-                <a href="/solvers">solvers</a>
-            </td>
-            <td>exercises in implementing numerical solvers</td>
-        </tr>
-        <tr>
-            <td>
-                <a href="/boring">boring</a>
-            </td>
-            <td>a firefox extension to remove distractions on youtube and reddit</td>
-        </tr>
+      <div class="project">
+        <a class="project-link" href="/solvers">solvers</a>
+        <span class="project-desc">exercises in implementing numerical solvers</span>
+      </div>
 
-        <tr>
-            <td>
-                <a href="/photography">photography</a>
-            </td>
-            <td>some of my favourite photos</td>
-        </tr>
+      <div class="project">
+        <a class="project-link" href="/boring">boring</a>
+        <span class="project-desc">a firefox extension to remove distractions on youtube and reddit</span>
+      </div>
 
-    </table>
+      <div class="project">
+        <a class="project-link" href="/photography">photography</a>
+        <span class="project-desc">some of my favourite photos</span>
+      </div>
+    </div>
 
-
-    <p><b>feedback & suggestions are welcome</b></p>
+    <p><b>feedback & suggestions are always welcome</b></p>
     <p>damianhsimon@gmail.com</p>
 
 </body>