Испытание [12/31] Зачем align-items?


#1

А описании к заданию говорится что нужно использовать изученные свойства в том числе align-items.
Я прошел задание на 100% не использовав его. Знаю что у заданий как это обычно есть несколько пути решений.
Вопрос заключается в том как получить 100% использовав align-items.
Я сам пытался найти решение и никак.
Подскажите пожалуйста.

  .palette{
    display:flex;
    justify-content:space-between;
    flex-direction:column-reverse
}
.color-2{align-self:flex-end}
.color-4{align-self:flex-start}
.color-6{align-self:center}

#2

Если использовать align-items: center; то все блоки займут положение в центре и будут в виде круга. Так же через color-n {} раскидываешь их по углам. Но есть отличие, не особенно значительное, но все же для перфекционистов очень важное. Классы идут по порядку.

.palette {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
}

.color-2 {
    align-self: flex-end;    
}

.color-3 {
    align-self: stretch    
}

.color-4 {
    align-self: flex-start; 
}