From 7bbf23fb2e86f7c124b10a0135b6d80fa6531355 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sun, 19 Nov 2023 03:38:08 +0000
Subject: feat(languages): language columns

---
 src/routes/languages.svelte | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/routes/languages.svelte b/src/routes/languages.svelte
index 466f0ec..76961b3 100644
--- a/src/routes/languages.svelte
+++ b/src/routes/languages.svelte
@@ -36,7 +36,7 @@ SPDX-License-Identifier: GPL-3.0-only -->
   {#if !complete}
     <p>Fetching languages ...</p>
   {:else}
-    <ul>
+    <ul id="language-list">
       {#each languages as language}
         <li>
           {#if language === "C#"}
@@ -53,3 +53,21 @@ SPDX-License-Identifier: GPL-3.0-only -->
     </ul>
   {/if}
 </div>
+
+<style>
+  #language-list {
+    column-count: 1;
+  }
+
+  @media screen and (min-width: 600px) {
+    #language-list {
+      column-count: 2;
+    }
+  }
+
+  @media screen and (min-width: 900px) {
+    #language-list {
+      column-count: 3;
+    }
+  }
+</style>
-- 
cgit v1.2.3