Здравствуйте. Подскажите пожалуйста что необходимо добавить в код, чтобы перенести жёлтый ряд на вторую строку?
https://gyazo.com/cb9c1da0a3b3b85724d2e9b8e531edf6
Код ниже:
<!DOCTYPE html>
Испытание: гибкий поток
CSS
.brick-layout {
display: flex;
flex-wrap: wrap;
width: 400px;
padding: 5px;
flex-basis: auto;
}
.brick {
margin: 5px;
min-height: 80px;
min-width: 50px;
}
.color-aqua {
flex-grow: 1;
}
.color-aqua:nth-child(even) {
flex-grow: 3;
}
.color-yellow {
flex-grow: 1;
}
.color-yellow:nth-child(even) {
flex-grow: 3;
}
.color-fuchsia {
flex-grow: 1;
}
.color-fuchsia:last-child {
flex-grow: 3;
}
Странно что не отображается код HTML /Ghb редактировании сооющения его видно, а после публикации нет.