des changements

main.css

@@ -103,15 +103,16 @@ body {
     height: 100%;
     border: 1px solid rgba(0,0,0,.125);
     border-radius: 6px;
-    overflow: scroll;
+    overflow: auto;
 }
 
 /*Recettes :
     représente le contenue centrale de la page.
 */
 .recettes {
+    --UneVariable: calc( 100vw / 500 );
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(var(--UneVariable), 1fr);
     grid-gap: 10px;
     grid-auto-rows: minmax(300px, auto);
     grid-auto-columns: auto;