Вертикальное выравнивание не работает рядом с каруселью - PullRequest
0 голосов
/ 27 апреля 2020

Привет, я столкнулся с проблемой, когда мое вертикальное выравнивание не работает. С левой стороны страницы у меня есть карусель, а с правой стороны - текст, который должен быть выровнен по верху. Что я делаю не так?

CAROUSEL

<section id="domov">
            <div id="Slider" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#Slider" data-slide-to="0" class="active"></li>
                    <li data-target="#Slider" data-slide-to="1"></li>
                    <li data-target="#Slider" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="Slike/SpaceHippie3.jpg" alt="SpaceHippie">
                    </div>
                    <div class="item">
                        <img src="slike/SpaceHippie4.jpg" alt="SpaceHippie">
                    </div>
                    <div class="item">
                        <img src="slike/SpaceHippie5.jpg" alt="SpaceHippie">
                    </div>
                </div>
            </div>
            <div class="center">
                <p><h2>There Is No Resupply Mission
                    on Mars (or Earth)</h2>Space Hippie is an exploratory footwear collection inspired by life on
                    Mars—where materials are scarce and there is no resupply mission.
                    Created from scraps, or “space junk,” Space Hippie is the result of
                    sustainable practices meeting radical design.<br><br><h2>Made with "Space Junk"</h2>One athlete's trash is another’s treasure. Space Hippie’s Flyknit yarns
                    include at least 85% rPoly made from recycled plastic water bottles,
                    t-shirts and yarn scraps.<br>Crater Foam tooling uses 15% Nike Grind rubber combined with 100%
                    recycled foam materials for a more sustainable, lightweight and
                    responsive feel during city exploration.<br><br><h2>A Radically Different Future</h2>
                    Protecting the future of sport starts with reimagining the ways in which
                    we create the products we love the most. Space Hippie is Nike’s latest step
                    toward a better future, but we must work as a team
                    to move the world toward climate action.
                </p>
            </div>
        </section>

CSS

#domov{
   width: 100%;
   display: flex;
   margin-bottom: 0;
}

#Slider {
   width: 50%;
   padding-left: 70px;
}
.center{
   width: 50%;
   padding-right: 70px;
   padding-left: 30px;
   vertical-align: top;

}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...