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

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

Нет, задание не сложное, но я накидывал его примерно на глаз. Видишь сколько блок должен занимать и в голове прикидываешь коэф. чисел.
Неужели мне нужно запомнить эти формулы по расчету и каждый раз высчитывать это?

.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: 1;
}

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

.brick-6 {
  flex-basis: 200px;
  flex-shrink: 3;
}
2 лайка