0

Есть дизайн вот такого типа (конкретно этот пример не мой, если что): введите сюда описание изображения

Контейнер, внутри которого блок с информацией, и справа карта, которая должна тянуться на всю ширину, начиная от блока с информацией. Я видел похожие вопросы и ответы (например - тут)

Но во всех этих решениях экран делится пополам, т.е. блок, который у меня отмечен как col-3, имеет ширину 50%, и там я понял, как сделать. А у меня он занимает не половину контейнера, а, допустим, 3 колонки (из 12). И вот тут уже проблема - с картой.

Как вобще решаются такие вопросы?

3
  • Вот такая болванка есть codepen.io/mytrash/pen/VwPqKMK
    – rescost
    22 апр 2021 в 21:18
  • Не мучайтесь, используйте труд атлантов getbootstrap.com/docs/5.0/layout/columns 23 апр 2021 в 4:18
  • У меня не бутстрап, да пусть даже и с ним - я не понимаю, как такое сверстать. На ум приходит только высчитывать при помощи js положение блока с контентом, а карте инлайново добавлять соответствующее положение. Но ведь наверняка есть какой-то способ на чистом css?
    – rescost
    23 апр 2021 в 8:37

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.