Испытание: кубизм 100%, но оступы не кратны пяти.

Курсы §36. Флексбокс, часть 2
1

Здравствуйте, подскажите пожалуйста, что я делаю не так?

.palette div {
  min-width: 35px;
  min-height: 35px;
}

.palette {
  display: flex;
}

.color-olive {
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  height: 150px;
  width: 50px;
}

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

.color-fuchsia {
  margin-right: 10px;
  margin-left: 16px;
  margin-bottom: 170px;
  margin-top: 5px;
}
    
.color-aqua {
  margin-right: auto;
  width: 50px;
  margin-top: auto;
  margin-bottom: auto;
  height: 150px;
}
2

Переделал:

.palette div {
  min-width: 35px;
  min-height: 35px;
}

.palette {
  display: flex;
}

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

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

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

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

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