.main {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
justify-content: space-between;
}
.main a {
text-decoration: none;
display: block;
padding: 1em;
color: orange
}

.boxes {
  display: flex;  
  flex-flow: nowrap;
  font-weight: bold;
  text-align: center; 
    padding: 20px;
  flex: 1 100%;
  gap: 20px;
  
}

.box1 {
    display: flex;
    background-color: grey;
}

.box2 {
    display: flex;
    background-color: grey;
}
.box3 {
    display: flex;
    background-color: grey;
}.box4 {
    display: flex;
    background-color: grey;
}.box5 {
    display: flex;
    background-color: grey;
}



#cheese{
    order: 1;
}

#burger{
order: 2;
}

#alsocheese{
order: 3;
}