Испытание: мастер коэффициентов [14/28] 100%

Курсы §36. Флексбокс, часть 2
21 
.brick-layout {
  display: flex;
  box-sizing: content-box;
  padding: 5px;
  width: 300px;
}

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

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

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

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

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

.brick-4 {
  flex-basis: 200px;
  flex-shrink: 2;
}

.brick-5 {
  flex-basis: 400px;
  flex-shrink: 6;
}

.brick-6 {
  flex-basis: 200px;
  flex-shrink: 6;
}