Задать вопрос
maler1988
@maler1988
Web-программист (1С Bitrix)

Как расположить элементы контейнера буквой V?

На сайте есть блок преимуществ, в обычной версии сайта блоки расположены вот так joxi.ru/EA4NOP4fwG9oZm я сделал элементы display: inline-block; с шириной в 22%, всё ок. Но для мобильного телефона всё стало хуже, теперь их нужно расположить вот так joxi.ru/p278xQ4Ioj6KPA и что-то я не пойму как это можно сделать? Каждому присвоить уникальный класс и написать персональные стили? Использовать position: absolut? Ещё какие-то варианты?
  • Вопрос задан
  • 118 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@AlexanderZe
Интересующийся
Все просто, у каждого блока есть дополнительный контейнер позиции. В зависимости от размера экрана изменяете его размер. В итоге у вас получится что-то такое, где вы с помощью position:relative родителя и position:absolute у блока выстроите их как вам удобно уже внутри своих контейнеров
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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