Блог

Я создал раздел пользовательских проектов, и я хотел, чтобы проекты были в виде карусели. Поэтому я решил импортировать загрузочные карусели, но при этом мои товары внезапно исчезли. Я кодирую на планшете, так как у меня нет компьютера, поэтому я даже не знаю на 100%, правильно ли я закрыл divs. Какая-нибудь помощь, пожалуйста? Это мой код:

 <div class="userProjects" id="userProjects"> <!--line number: 126-->
        <h1> User Projects </h2> <!--line number: 173-->
        <div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
         <div class="carousel-inner">
        <div class="carousel-item active">
        <div class="clockImg">
            <img class="rounded clockSS" src="" alt="JS Clock"> <!--line number: 165-->
        </div>
        <h2> JavaScript Clock </h2>
        <p class="lead leadTwo"> One of the very first projects that he recommends is a simple, easy to make                javascript clock.
        </p> <!--line number: 180-->
    </div> <!--fadeInUserProjects div closing...-->
    </div>
    </div>
    </div>
    </div>
    </div>
 

Извините за плохую вмятину. Также я немного изменил css начальной загрузки, чтобы попытаться исправить это:

         .carousel-inner,
        .carousel-item {
            width: 100vw;
            position: absolute;
            left: -20%;
            height: 180%;
            color: white;
        }
 

 .carousel-inner, .carousel-item {
            width: 100vw;
            position: absolute;
            left: -20%;
            height: 180%;
            color: white;
        }
 

Вы устанавливаете оба этих класса на 180% height это предназначено? проверьте это.