Кролик внизу 2

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

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

.container {
  display: flex;
  align-items: flex-end;
}
.container { box-sizing: border-box; width: 100%; height: 500px; background-color: #e0e0e0; position: relative; } .rabbit, .hat { position: absolute; width: 100%; height: 500px; padding: 1em; box-sizing: border-box; } .hat { display:flex; align-items:flex-end; justify-content:center;} .rabbit img, .hat img { width: 100px; height: auto; }