@Gleb316
Учиться и не бросать на половине.

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

Всем привет делаю на сайте галерею фоток в две колонки.
У каждой фотки есть свой div с Float:left; но проблема в том что когда я добавляю маленькие меньше чем обычно Float начинает криво работать.
Помогите пожалуйста как можно исправить это или есть другие варианты как сделать такую галерею чтобы любые фотки нормально съезжали ?
96e2e248b1394d518cdb3fad2ccdb57c.png
на фотки верхний блок длиннее правого и лев опирается на левый и не выравнивается.
  • Вопрос задан
  • 490 просмотров
Решения вопроса 3
SPAHI4
@SPAHI4
реактовцы - это не девы, а прокидыватели пропсов
Советую сделать у родителя:
{
  display: flex;
  flex-wrap: wrap;

у изображения:
{
  width: 300px;
  height: 300px;
  flex: 1 0 auto;
  object-fit: cover;
}

так у вас будет галерея с фотографиями одинакового размера
Ответ написан
Комментировать
BigKompot
@BigKompot
Таки да, лучше использовать flex
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы