d0kuro
@d0kuro
Тык

Почему блоки идут в строку при выравнивании родителя в центре через flex?

HTML:

<div class="custom-flex">
    <div class="custom-list">
        One
     </div>
            
    <div class="custom-list">
        Two
    </div>
</div>


CSS:

.custom-flex
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center; 
    overflow: auto;   
}

.custom-list
{
    box-shadow: block;
    width: 400px;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: 12px 13px 5px -9px rgba(209, 209, 209, 0.75);
}


Результат:

b28d7c60c3bc69.jpg
  • Вопрос задан
  • 186 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
Castor Digital Санкт-Петербург
от 90 000 до 120 000 руб.
23 июня 2018, в 10:33
13000 руб./за проект
23 июня 2018, в 09:16
15000 руб./за проект