Испытание: кубизм [6/28]

Можете помочь, почему у меня подсвечиваются боковые стороны у элементов. Я пытался подогнать им ширину, но это невозможно. Я понимаю что нужно написать какой-то другой код тут, подскажите плиз. И ещё как прятать код на форуме, видел то что код открывается и закрывается на форуме, тоже помогите)

.palette div {
min-width: 35px;
min-height: 35px;
}
.palette {
display: flex;
}
.color-olive,
.color-aqua {
width: 40px;
height: 150px;
margin-top: auto;
margin-bottom: auto;
}
.color-fuchsia,
.color-yellow {
height: 100px;
}

.color-yellow {
margin-top: auto;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 10px;
}

.color-fuchsia {
margin-right: 10px;
margin-left: auto;
margin-top: 5px;
}

.color-olive {
margin-left: auto;
}

.color-aqua {
margin-right: auto;
}

дело не в ширине, а в боковых отступах. подумайте еще.

Не получается

решение
.palette div {
  min-width: 35px;
  min-height: 35px;
}

.palette {
    display: flex;
}

.color-olive,
.color-aqua {
    height: 150px;  
}

.color-yellow,
.color-fuchsia {
    height: 100px;
}

.color-olive {
    margin: auto 10px auto auto;
}

.color-yellow {
    margin: auto auto 5px 0;
}

.color-fuchsia {
    margin: 5px 10px auto 5px;
}

.color-aqua {
    width: 50px;
    margin: auto auto auto 0;
}

ну вообще ладно, у одного все же надо ширину прописать явно
прост немного поменяли задание, раньше вроде они все были одинаковые по ширине

Подскажите пожалуйста, как вы прячете код в такое отдел с кнопкой.

Благодарю

Здравствуйте! Не могли бы вы объяснить почему у Желтого столбца справа маргин авто, а у Фуксии слева маргин 5px?

И всё же… Может я не догоняю… Мне непонятен вот этот момент:

.color-yellow {
margin: auto auto 5px 0;
}

.color-fuchsia {
margin: 5px 10px auto 5px;
}

У желтого справа авто, у фуксии слева 5.