Список покидает див

[DeZ]

Решение нашел. 

Цитата

.technology__top{

    background-image: url(../images/tech-bg.png);

    background-repeat: no-repeat;

    background-position: center ;

    background-size: cover;

    min-height: 110vh;

}

 

.technology__top-inner{

    position: relative;

}

Заменил на 

Цитата

.technology__top{

    background-image: url(../images/tech-bg.png);

    background-repeat: no-repeat;

    background-position: center ;

    background-size: cover;

   

}

 

.technology__top-inner{

    position: relative;

    min-height: 110vh;

}

Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину.

Нужно чтобы список был под кнопкой ПЛЕЙ...

 

 

 

Цитата

<section class="technology">

        <div class="technology__top">

            <div class="container">

                <div class="technology__top-inner">

                    <button class="popup-btn technology__btn">

                        <svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">

                            <path d="M52.6733 34.5L26.1634 49.6554V19.3446L52.6733 34.5Z" fill="white"/>

                            <circle cx="35" cy="35" r="34" stroke="white" stroke-width="2"/>

                            </svg>

                            <span>Play video</span>

                    </button>

                       

                        <h3 class="technology__title">MICRO TECHNOLOGY</h3>

                        <ol class="technology__list">

                            <li class="technology__list-item">First PVC rail layer </li>

                            <li class="technology__list-item">Second PVC rail layer </li>

                            <li class="technology__list-item">Thin diamond grooving split-pad</li>

                            <li class="technology__list-item">Strong Tarpaulin layer </li>

                            <li class="technology__list-item">V-Drop Stitch core</li>

                        </ol>                  

                        </div>

            </div>

        </div>

                <div class="gallery">

                <div class="container">

                    <div class="gallery__inner">

                        <div class="gallery__box">

                            <p class="gallery__text">

                                Our new Micro technology provides a featherweight and quality construction that can be rolled and packed into a backpack half the width of a standard iSUP package. The reduced pad and our twin Click Fin system make it possible to have a regular sized iSUP packed into minimal space.

                            </p>

                            <div class="gallery-min">

                                <img class="gallery-min__img" src="images/gmin-1.jpg" alt="">

                                <img class="gallery-min__img" src="images/gmin-2.jpg" alt="">

                                <img class="gallery-min__img" src="images/gmin-3.jpg" alt="">

                            </div>

                        </div>

                            <div class="gallery-max">

                                <img classs="gallery-max__img" src="images/gmax-1.jpg" alt="">

                                <img classs="gallery-max__img" src="images/gmax-2.jpg" alt="">

                                <img classs="gallery-max__img" src="images/gmax-3.jpg" alt="">

                                <img classs="gallery-max__img" src="images/gmax-4.jpg" alt="">

                                <img classs="gallery-max__img" src="images/gmax-5.jpg" alt="">

                                <p class="gallery-max__text">ENJOY YOUR LIFE</p>

                                <img classs="gallery-max__img" src="images/gmax-6.jpg" alt="">

                            </div>

                    </div>

                </div>

            </div>

    </section>

 

 

Edited October 24, 2023 by DeZ
дополнил.