Флексбокс, часть 2 / Испытание [28/28] 100% Оцените пожалуйста код

.brick-layout {
    width: 400px;
    padding: 5px;
    box-sizing: content-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.brick {
    min-height: 80px;
    min-width: 50px;
    margin: 5px;
}

.brick:nth-child(1),
.brick:nth-child(3) {
    flex: 1 0 90px;
}

.brick:nth-child(2) {
    flex: 2 0 150px;
}

.brick:nth-child(4),
.brick:nth-child(6) {
    flex: 1 0 135px;
}

.brick:nth-child(5) {
    flex: 1 0 100px;
}

.brick:nth-child(7) {
    flex: 0 0 100px;
}

.brick:nth-child(8) {
    flex: 1 0 100px;
}

Каждый элемент перечислять - это не очень хорошо. Посмотрите другие коды по разделу.

Тут, например.