Как сделать галерею с помощью Float?

Question

[Gлеb]

Всем привет делаю на сайте галерею фоток в две колонки.
У каждой фотки есть свой div с Float:left; но проблема в том что когда я добавляю маленькие меньше чем обычно Float начинает криво работать.
Помогите пожалуйста как можно исправить это или есть другие варианты как сделать такую галерею чтобы любые фотки нормально съезжали ?

на фотки верхний блок длиннее правого и лев опирается на левый и не выравнивается.

Answer 1

[Антон]

Советую сделать у родителя:

{
  display: flex;
  flex-wrap: wrap;

у изображения:

{
  width: 300px;
  height: 300px;
  flex: 1 0 auto;
  object-fit: cover;
}

так у вас будет галерея с фотографиями одинакового размера

Answer 2

[Super Star]

https://www.youtube.com/watch?v=g187rf7yPjk
https://www.youtube.com/watch?v=XgZeymN4_DI
https://www.youtube.com/watch?v=DgQpYCmYIAk

Answer 3

[BigKompot]

Таки да, лучше использовать flex