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

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

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

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽