Пропорциональное растягивание элементов. 8/28

Курсы §36. Флексбокс, часть 2
1

Не принимает

.spot-2 .racoon-green {
flex-grow: 2;
}

.spot-2 .racoon-brown {
flex-grow: 4;
}

Принимает только 1 к 2
Хотя коэффициенты 2 к 4 тоже удовлетворяют условиям: это целые числа не больше 5

1 лайк
2

Такая же беда!

1 лайк
3

.brick-layout {
display: flex;
box-sizing: content-box;
padding: 5px;
width: 300px;
}

.brick {
min-width: 50px;
height: 100px;
}

.brick-1,
.brick-2,
.brick-3 {
flex-basis: 200px;
}

.brick-1 {
flex-shrink:1;
flex-grow:1;
}

.brick-2 {
flex-shrink:2;
flex-grow:3;
}

.brick-3 {
flex-grow:5;
}

.brick-4 {
flex-basis: 100px;
flex-grow:1;
flex-shrink: 1;
}

.brick-5 {
flex-basis: 100px;
flex-grow:1;
flex-shrink:3;
}

.brick-6 {
flex-basis: 100px;
flex-grow:1;
flex-shrink:4;
}
100%