diff --git a/src/components/entry.astro b/src/components/entry.astro
new file mode 100644
index 0000000..5858686
--- /dev/null
+++ b/src/components/entry.astro
@@ -0,0 +1,10 @@
+---
+const { title, description, href } = Astro.props
+---
+
+<div>
+    <a href={href}>
+        <h3>{title}</h3>
+    </a>
+    <p>{description}</p>
+</div>
\ No newline at end of file
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index e21a4fb..186fdb0 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -1,7 +1,36 @@
 ---
-import Layout from "../layouts/layout.astro";
-import "../styles/projects.scss";
+import Layout from "../layouts/layout.astro"
+import Entry from "../components/entry.astro"
+import "../styles/projects.scss"
 ---
 
-<Layout title="Things I've done">
+<Layout title="Things I've created">
+    <h2>What I'm working on</h2>
+    <div class="projects-container">
+        <Entry title="cc" 
+               description="A mysterious game by mysterious individuals..." 
+               href="https://github.com/csomethingcollab/cc" />
+        <Entry title="everest: fmod2" 
+               description="A project to merge FMOD 2 support into Celeste mod loader Everest." />
+        <Entry title="on-together discord rpc" 
+               description="A Discord Rich Presence mod for game On-Together." 
+               href="https://github.com/weightedangelcube/ot-discordrpc"/>
+    </div>
+    <hr>
+    <h2>Things I've made</h2>
+    <div class="projects-container">
+        <Entry title="slime origin" 
+               description="An addon for the Minecraft mod Origins that adds a Slime origin."
+               href="https://github.com/weightedangelcube/slime-origin" />
+        <Entry title="pomme" 
+               description="A browser startpage with big, easy-click buttons." 
+               href="https://github.com/weightedangelcube/pomme-page/" />
+    </div>
+    <hr>
+    <h2>Cool open-source contributions</h2>
+    <div class="projects-container">
+        <Entry title="web-scrobbler: chillhop radio" 
+               description="Adds support for Chillhop Radio to Web Scrobbler."
+               href="https://github.com/web-scrobbler/web-scrobbler/pull/5813" />
+    </div>
 </Layout>
diff --git a/src/styles/_var.scss b/src/styles/_var.scss
index 4aa4395..e513a2a 100644
--- a/src/styles/_var.scss
+++ b/src/styles/_var.scss
@@ -3,7 +3,7 @@
 :root {
     color-scheme: light dark;
     
-    --width: 1080px;
+    --width: 1125px;
     --font-main: 'PP Neue Machina Inktrap';
     --font-secondary: 'Inter Variable';
     --font-scale: 1em;
@@ -50,14 +50,12 @@ a {
 }
 
 main {
-    margin-top: 20px;
     margin-bottom: 100px;
 	line-height: 1.6;
 }
 
 @media only screen and (max-width:767px) {
     main {
-        margin-top: 30px;
         margin-bottom: 80px;
     }
 }
\ No newline at end of file
diff --git a/src/styles/nav.scss b/src/styles/nav.scss
index 987f4a2..0e149b1 100644
--- a/src/styles/nav.scss
+++ b/src/styles/nav.scss
@@ -15,7 +15,7 @@ header .title h1 {
 }
 
 header nav {
-    width: 40%;
+    width: calc(100% / 3);
     display: flex;
     flex-direction: column;
     flex: none;
@@ -25,7 +25,6 @@ header nav {
         width: fit-content;
         font-family: var(--font-main);
         font-size: 1.8rem;
-        font-weight: 425;
         text-decoration: none;
 
         .header-icon:hover {
@@ -39,7 +38,7 @@ header nav {
     }
 }
 
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 786px) {
     header {
         flex-direction: column;
         height: auto;
diff --git a/src/styles/projects.scss b/src/styles/projects.scss
index ff5d6ea..5637408 100644
--- a/src/styles/projects.scss
+++ b/src/styles/projects.scss
@@ -3,4 +3,42 @@
 header a:nth-child(3) {
     background-color: var(--heading-color);
     color: var(--background-color);
-}
\ No newline at end of file
+}
+
+.projects-container {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+}
+
+.projects-container div {
+    margin-right: 10%;
+}
+
+.projects-container div:last-child {
+    margin-right: 0; // commits a design crime :)
+}
+
+.projects-container a:has(h3) {
+    text-decoration: none;
+}
+
+.projects-container a:has(h3):hover {
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+}
+
+main h2 {
+    margin-bottom: 0.5em
+}
+
+.projects-container {
+    div {
+        h3 {
+            margin-top: 0;
+            margin-bottom: 0.5em;
+        }
+        p {
+            margin-top: 0;
+        }
+    }
+}