Карточки с фотографиями

Добавьте к классу .photos свойство display со значением flex.
Добавьте к классу .photos свойство flex-wrap со значением wrap.
Следующая задача
.photo { border: 1px solid #d1d5d9; margin-bottom: 1em; } .photo { margin-right: 1em; } .photo:last-child { margin-right: 0; } figure { margin: 0; } figcaption { text-align: center; padding: 0.5em; }
4
 
1
.photos {
2
3
}
4
​
​x
 
1
<div class="photos">
2
  <figure class="photo">
3
    <img src="image/kyiv5.jpg" width="200">
4
    <figcaption>Анатомический театр</figcaption>
5
  </figure>
6
  <figure class="photo">
7
    <img src="image/kyiv6.jpg" width="200">
8
    <figcaption>Городская водокачка</figcaption>
9
  </figure>
10
  <figure class="photo">
11
    <img src="image/kyiv3.jpg" width="200">
12
    <figcaption>Купеческий клуб</figcaption>
13
  </figure>
14
  <figure class="photo">
15
    <img src="image/kyiv1.jpg" width="200">
16
    <figcaption>Михайловский монастырь</figcaption>
17
  </figure>
18
</div>
19
​
Флексы