Кролик внизу

Добавьте к классу rabbit свойство display со значением flex.
Добавьте к классу rabbit свойство 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; } .rabbit img, .hat img { width: 100px; height: auto; }
4
 
1
.rabbit {
2
3
}
4
​
​x
 
1
<div class="container">
2
  <div class="rabbit">
3
    <img src="image/rabbit-white.svg" alt="">
4
  </div>
5
  <div class="hat">
6
    <img src="image/hat-rabbit-white.svg" alt="">
7
  </div>
8
</div>
9
​
Флексы