Update mainFridgeList.css

HTML and CSS Files/mainFridgeList.css

@@ -146,7 +146,7 @@ body {
 .listItem {
   background-color: rgba(237, 237, 237, 0.7);
   display: grid;
-  grid-template-columns: 10vw 15vw;
+  grid-template-columns: 10vw 40vw 20vw;
   grid-template-rows: repeat(5, 5vh);
   transform: none;
 }
@@ -159,13 +159,13 @@ body {
   height: 150px*/
   background-color: rgba(196, 196, 196, 1);
   margin: 5px;
-  margin-left:110px;
+  margin-left:130px;
 }
 .listText {
   grid-column: 2/3;
   text-align: left;
   margin: 10px;
-  margin-left:130px;
+  margin-left: 100px;
 }
 .daysLeft {
   font-family: "Roboto Black";
@@ -179,6 +179,17 @@ body {
   font-family: "Roboto";
   font-size: 14px;
 }
+.listToBuy {
+  grid-column: 3/4;
+  grid-row: 2/4;
+  background-color: rgba(175, 175, 175);
+}
+.toBuyText {
+  font-size: 20px;
+  text-align: center;
+  margin: 15px;
+  font-family: "Roboto Medium";
+}
 .one {
   grid-column: 2/5;
   grid-row: 1/2;