@RushV

Как всерстать такой адаптивный блок?

Здравствуйте!
Есть блок
6052509347e40310616454.jpeg
Как сверстать, что бы левая сторона тоже наполнялось серым фоном и была адаптивной.
Не соображу что то как реализовать.
Использую boostrap 5
Вот код ссылка
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ответы на вопрос 1
@lolzqq
HTML,CSS,JS,PHP
<section>
 <article>
                <div class="container-fluid">
                    <div class="row col-sm-12 col-md-8 p-0 bg-gray">

                            <div class="col-12  py-5 header-line-top position-relative">
                                <div class="row">
                                        <div class="col-12 col-xxl-4 col-md-5 col-lg-5 ml-auto">
                                            <p>Высокий уровень сервиса и конфиденциальность</p>
                                        </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 col-xxl-4 col-md-5 col-lg-5 ml-auto">
                                        <h2>10 лет юридической практики</h2>
                                    </div>
                                </div>
                            </div>
                                <div class="col-4">
                                    <div class="bg-gray p-5">
                                        <div class="row g-0 position-relative">
                                            <div class="col">
                                                <img src="/img/abstract1 1.jpg" class="img-fluid position-absolute bt-img" alt="">
                                            </div>
                                            <div class="col">
                                                <img src="/img/abstract2 1.jpg" class="img-fluid position-absolute bb-img" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                </div>  
            </article>
        </section>

6052707d91151286283108.png
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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