Liste Ingre css base

main.css

@@ -292,9 +292,8 @@ ul {
 /*image*/
 .recette-image {
     background-color: red;
-    aspect-ratio: 1/1;
-    max-height: calc( 30vh + 30vw );
-    max-width: calc( 30vh + 30vw );
+    max-height: calc( 20vh + 20vw );
+    max-width: calc( 20vh + 20vw );
     border: 1px solid white;
     border-radius: 30px;
 }
@@ -304,6 +303,31 @@ ul {
     justify-content: center;
 }
 
+
+.recette-liste-ingr-div {
+    padding-left: 80px;
+    width: 100%;
+}
+
+.recette-liste-ingr-elem {
+    display: flex;
+    padding-left: 50px;
+}
+
+.ingr-image-prev {
+    max-height: 50px;
+    max-width: 50px;
+    border: 1px solid black;
+    border-radius: 10px;
+    flex: 1;
+}
+
+.recette-liste-ingr-elem-nom {
+    height: 100%;
+    width: 15%;
+    line-height: 50px;
+}
+
 .recette-div-info {
     display: flex;
     flex-direction: row;