Actualiser Assets/style_recette.css

Assets/style_recette.css

@@ -32,19 +32,13 @@ body{
 
 .ingr_ustensiles{                                               
 
-    border: 2px solid #666;
+  display: grid;
-    border-radius: 10px;
+  grid-template-columns: 250px 1fr; 
-    padding : 15px;
+  gap: 10px;                        
-    margin : 5px;
+  width: 100%;                      
-    display : grid;
+  height: 150px;     
-    grid-template-columns: repeat(2,1fr);
+                 
-    width: 400px;
+
-    height: 810px;
-   /* grid-template-rows: 150px 150px;*/
-    align-items: center;
-    gap : 10px;
-    box-sizing: border-box;
-    
 }
 
 ul{
@@ -54,17 +48,14 @@ ul{
 }
 
 
-.prepa_recette{
+#rectangle_1{
-    border: 2px solid #666;
+  display: grid;
-    border-radius: 10px;
+  place-items: center;               
-    padding : 15px;
+}
-    margin : 5px;
+
-    display : grid;
+#rectangle_2{
-    /*grid-template-columns: repeat(3,2fr);*/
+    display: grid;
-    width: 800px;
+    place-items: center;
-    height: 810px;
+    overflow-wrap: break-word; 
-    grid-template-rows: 200px 1fr;*/
+}
-    align-items: center;
+
-    gap : 10px;
-    box-sizing: border-box;
-}