Задать вопрос
ramil_bayramov
@ramil_bayramov
Your Personal Sheikh

Почему блок не идет в центр?

5f47e01f3f884046294239.png
через justify..., align-items и margin: 0 auto не работает
<body>
        <div class="div">
            <div class="div div1"></div>
            <div class="div div2"></div>
        </div>
        <div class="div">
            <div class="div div3"></div>
            <div class="div div4"></div>
        </div>
</body>

body {
    background-color: #D3D3D3;
    width: 100vh;
}
.div {
    display: flex;
    width: 350px;
    height: 170px;
    margin-right: 5px;
    border-bottom-style: solid 2px;
    margin-bottom: 5px;
    justify-content: center;
    align-items: center;
}
.div1 {
    background-color: red;
}
.div2 {
    background-color: green;
}
.div3 {
    background-color: blue;
}
.div4 {
    background-color: yellow;
}
  • Вопрос задан
  • 67 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@thisuserhatephp
Офлайн - losers Онлайн - lusers
Оберни их в conatiner и флекси его
https://codepen.io/5h4dy_s/pen/BaKRrWK
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽