Commit ae8a4ef9 authored by Julia Santos's avatar Julia Santos

Update mainFridgeList.css

parent 5e09c26f
...@@ -138,15 +138,16 @@ body { ...@@ -138,15 +138,16 @@ body {
grid-row: 2/3; grid-row: 2/3;
background-color: white; background-color: white;
display: grid; 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-template-rows: repeat(4, 20vh);
grid-column-gap: 3vw; grid-column-gap: 0vw;
grid-row-gap: 3vw; grid-row-gap: 3vw;
} }
.listItem { .listItem {
background-color: rgba(237, 237, 237, 0.7); background-color: rgba(237, 237, 237, 0.7);
display: grid; display: grid;
grid-template-columns: 10vw 15vw; grid-template-columns: 10vw 15vw;
grid-template-rows: repeat(5, 5vh);
transform: none; transform: none;
} }
#listIcon { #listIcon {
...@@ -154,13 +155,17 @@ body { ...@@ -154,13 +155,17 @@ body {
grid-row: 1/5; grid-row: 1/5;
text-align: center; text-align: center;
clip-path: circle(); clip-path: circle();
/* width: 150px;
height: 150px*/
background-color: rgba(196, 196, 196, 1); background-color: rgba(196, 196, 196, 1);
margin: 5px; margin: 5px;
margin-left:110px;
} }
.listText { .listText {
grid-column: 2/3; grid-column: 2/3;
text-align: left; text-align: left;
margin: 10px; margin: 10px;
margin-left:130px;
} }
.daysLeft { .daysLeft {
font-family: "Roboto Black"; font-family: "Roboto Black";
...@@ -176,6 +181,7 @@ body { ...@@ -176,6 +181,7 @@ body {
} }
.one { .one {
grid-column: 2/5; grid-column: 2/5;
grid-row: 1/2;
} }
/*.two { /*.two {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment