d0kuro
@d0kuro
#БилайнЭто3k\msPing

Почему блоки идут в строку при выравнивании родителя в центре через 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
  • Вопрос задан
  • 122 просмотра
Сложность: —
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Вакансии с Моего Круга Все вакансии
Заказы с Фрилансим Все заказы