@Julian1
Учусь на Full stack

Как подключить flexbox?

не работает flexbox в классе .advantages
на картинке указал красным как сейчас отображается. А зелёным как надо.6037eccf244b0341636169.jpeg
.mw_100 {
    max-width: 100%;
}
.advantage_conteiner {
    display: flex;
    justify-content: center;
}
.advantages {
    width: 70%;
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.advantages_item {
    width: 30%;
}

<main>
        <img src="img/Атлантис.jpg" alt="" class="mw_100">
        <div class="advantage_conteiner">
            <div class="advantages">
                <div class="advantages_item">
                    <img src="img/Услуги.jpg" alt="">
                    <h2>У нас вы можете:</h2>
                    <p>Lorem ipsum dolor sit amet.</p>
                    <img src="img/Услуги.jpg" alt="">
                    <h2>У нас вы можете:</h2>
                    <p>Lorem ipsum dolor sit amet.</p>
                    <img src="img/Услуги.jpg" alt="">
                    <h2>У нас вы можете:</h2>
                    <p>Lorem ipsum dolor sit amet.</p>
                </div>
            </div>
        </div>
    </main>
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
Born2Lose
@Born2Lose
Frontend developer
Вам стоит поправить верстку:
<div class="advantages_item">
      <img src="img/Услуги.jpg" alt="" />
      <h2>У нас вы можете:</h2>
      <p>Lorem ipsum dolor sit amet.</p>
    </div>
    <div class="advantages_item">
      <img src="img/Услуги.jpg" alt="" />
      <h2>У нас вы можете:</h2>
      <p>Lorem ipsum dolor sit amet.</p>
    </div>
    <div class="advantages_item">
      <img src="img/Услуги.jpg" alt="" />
      <h2>У нас вы можете:</h2>
      <p>Lorem ipsum dolor sit amet.</p>
    </div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы