mainpage.css 716 Bytes
.mainpage{
    height: 90%;
    width: 80%;

    display:grid;
    grid-template-rows: 1.4fr 1fr;


}

.mainpage :nth-child(1):not(.mainpage :nth-child(1) :nth-child(1)){
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 8% 16% 74%;

}

.mainpage :nth-child(1) :nth-child(1){
    padding-left: 10%;
}
.mainpage :nth-child(1) :nth-child(3),
.mainpage :nth-child(1) :nth-child(4),
.mainpage :nth-child(1) :nth-child(5),
.mainpage :nth-child(1) :nth-child(6){
    text-align: center;
    padding-top: 2%;
}

.lunchTable, .dinnerTable{
    display:flex;
    flex-direction: column;
    
}

.mainpage :nth-child(2){
    display: grid;
    grid-template-rows: 8% 90%;
    padding-left: 2%;
}