Задать вопрос
Fotoz
@Fotoz
Начинающий

Как адаптировать блоки?

Есть 18 логотипов компаний, все они разной высоты и ширины. Логотипы нужно разместить 9-9 на одном размере экрана, 6-6-6 на другом и т.д.
Но у меня не получается их разместить на всех экранах нужным образом, потому что они постоянно съезжают из за разной высоты логотипа. Пробовал сделать это своими силами и с помощью Bootstap, но нужного результата так и не достиг. Дайте совет как реализовать подобные блоки с логотипами.
  • Вопрос задан
  • 182 просмотра
Подписаться 1 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
Shemil
@Shemil
flexbox?
display: flex;
flex-wrap: wrap;
Ответ написан
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Варианты:
1. https://masonry.desandro.com/
2. Позвать дизайнера и привести логотипы к божескому виду.
3. Возможно их можно отсортировать по пропорциям и сложить в симпатичном порядке. Использовать flex и media.

*. Выложить код в песочницу, показать, что не получается.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы