fix: update recipes page padding and breakpoints

SidonieBouthors · Jan 15, 2025 · 093d24c · 093d24c
1 parent 3e247ce
commit 093d24c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/recipes/page.tsx b/app/recipes/page.tsx
@@ -20,11 +20,11 @@ export default async function Recipes() {
   const gridFormat: [string, number, number][] = [
     ["xl", 1200, 4],
     ["l", 1000, 3],
-    ["m", 400, 2],
+    ["m", 450, 2],
     ["s", 200, 1],
   ];
   const margin: [number, number] = [15, 15];
-  const containerPadding: [number, number] = [15, 15];
+  const containerPadding: [number, number] = [0, 0];
 
   return (
     <div className="recipes-page">

diff --git a/styles/pages/_recipes.scss b/styles/pages/_recipes.scss
@@ -2,4 +2,9 @@
 
 .recipes-page {
   @include wide-content;
+
+  padding-bottom: 1em;
+  @media screen and (max-width: 75rem) {
+    padding-bottom: 1em;
+  }
 }