@vitsen777

Как растянуть 2 блока на всю ширину?

Как растянуть 2 этих блока на всю ширину при помощи флексов?
У меня получается так: 5d11fb2cc86a3177680523.png
<div class="album-col">
            <div class="album-it">
                <h2 class="album-title">featured album</h2>
            </div>
            
            <div class="album-it">
                <a href="#"><img src="img/HUGO_Free-Landing-Page_03.jpg" alt="BEAT"></a>
            </div>
        </div>


.album-col{
    
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.album-it{
    width: 720px;
    height: 480px;
    
    
}

.album-title{
    font-size: 48px;
    
    text-transform: capitalize;
    color: #252525;
    
    font-weight: lighter;
}


Результат должен быть такой: 5d11fb8f36ca9168355744.png
  • Вопрос задан
  • 182 просмотра
Решения вопроса 2
@WebDev921
Кратко обо мне
.album-it{
    height: 480px;
    flex: 1 0 auto;
}
Ответ написан
JRK_DV
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
ещё как вариант, на всю страницу
https://codepen.io/anon/pen/dBzoLe
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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