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


#1

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

.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;
}


#2

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


#3

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


#4
решение
.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;
}

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


#5

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


#6


#7

Благодарю