Серый кролик 2

%% value.string %%
Следующая задача

Свойство align-self выравнивает флекс-элемент текущей строки, переписывая значение align-items. Значение flex-end выравнивает элемент в конце поперечной оси.

.container {
  display: flex;
}
.element {
  align-self: flex-end;
}
.container { box-sizing: border-box; width: 100%; height: 500px; background-color: #e0e0e0; position: relative; } .rabbits, .hats { position: absolute; width: 100%; height: 500px; padding: 1em; box-sizing: border-box; } .hats { display:flex; justify-content:space-around;align-items:flex-start;} .rabbits img, .hats img { width: 100px; height: auto; } .hat-gray { align-self: flex-end;}
Флексы