Update mainFridgeList.css

HTML and CSS Files/mainFridgeList.css

@@ -51,8 +51,8 @@ body {
 }
 #fridgeIcon {
   background-color: white;
-	clip-path: circle();
-	height: 15vh;
+  clip-path: circle();
+  height: 15vh;
   grid-row: 1/6;
   grid-column: 1/2;
   margin: 10px;
@@ -60,16 +60,16 @@ body {
 
 #statsIcon {
   background-color: white;
-	clip-path: circle();
-	height: 15vh;
+  clip-path: circle();
+  height: 15vh;
   grid-row: 4/9;
   grid-column: 1/2;
   margin: 10px;
 }
 #toBuyIcon {
   background-color: white;
-	clip-path: circle();
-	height: 15vh;
+  clip-path: circle();
+  height: 15vh;
   grid-row: 7/12;
   grid-column: 1/2;
   margin: 10px;
@@ -138,15 +138,16 @@ body {
   grid-row: 2/3;
   background-color: white;
   display: grid;
-  grid-template-columns: 3vw repeat(3, 23vw) 3vw;
+  grid-template-columns: 0vw repeat(3, 25vw) 0vw;
   grid-template-rows: repeat(4, 20vh);
-  grid-column-gap: 3vw;
+  grid-column-gap: 0vw;
   grid-row-gap: 3vw;
 }
 .listItem {
   background-color: rgba(237, 237, 237, 0.7);
   display: grid;
   grid-template-columns: 10vw 15vw;
+  grid-template-rows: repeat(5, 5vh);
   transform: none;
 }
 #listIcon {
@@ -154,13 +155,17 @@ body {
   grid-row: 1/5;
   text-align: center;
   clip-path: circle();
+ /* width: 150px;
+  height: 150px*/
   background-color: rgba(196, 196, 196, 1);
   margin: 5px;
+  margin-left:110px;
 }
 .listText {
   grid-column: 2/3;
   text-align: left;
   margin: 10px;
+  margin-left:130px;
 }
 .daysLeft {
   font-family: "Roboto Black";
@@ -176,6 +181,7 @@ body {
 }
 .one {
   grid-column: 2/5;
+  grid-row: 1/2;
 }
 
 /*.two {
@@ -260,4 +266,4 @@ body {
 
 .main{
   margin-left: 23%;
-}
\ No newline at end of file
+}