Флексбокс, часть 2. 28/28 100% Имхо правильнее некуда. если что не так подсказывайте

[Andrey_programmer]

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

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

[class$="aqua"]:nth-child(2) {
flex-grow: 1;
}

[class$="yellow"]:not(:nth-child(5)) {
flex-grow: 1;
}

[class$="fuchsia"]:last-child {
flex-grow: 1;
}