[12/31] Испытание: простая палитра 100%

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

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

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

.color-6{
align-self: center;
}

2 Симпатий
.palette {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
    
}

.color-3 {
    width: 100%;
}

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

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

Последнее на 100% не проходит,если 96 % поставить, 99% будет, при 100%, результат 98%.

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

/* 100% вроде самый простой код*/
.palette {
display:flex;
flex-direction:column-reverse;
justify-content: space-between;
}

.color-4 {
align-self: flex-start;
justify-content: flex-end;
}
.color-6 {
align-self: center;

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

Еще меньше)

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

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

.color-6 {
align-self: center;
}

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