diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..a678d68
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,9 @@
+---
+import Base from "@/layouts/base";
+---
+
+<Base>
+    <div class="flex items-center justify-center text-3xl font-bold">
+        🥧 404 🥧
+    </div>
+</Base>
\ No newline at end of file
diff --git a/src/pages/tags/[name].astro b/src/pages/tags/[name].astro
index 4d0285a..130a9bf 100644
--- a/src/pages/tags/[name].astro
+++ b/src/pages/tags/[name].astro
@@ -12,7 +12,7 @@ const recipes = await client.getRecipesOfTag(name) // todo redir to 404 if not f
         {recipes.length} { recipes.length == 1 ? "Recipe" : "Recipes" } with: <code class="bg-white/10 p-1 text-sm rounded-lg" >{name}</code>
     </p>
 
-    <div class="grid md:gap-2 gap-3 grid-cols-2 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8">
+    <div class="grid md:gap-2 gap-3 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-8">
 		{
 			recipes.map(r => (
 				<OverviewCard recipe={r} />