fix: update recipes page padding and breakpoints

Author: SidonieBouthors

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">

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;
+  }
 }