28/28 100% вроде бы идеально.

[Amigo161]

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

}

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

.color-aqua:nth-child(2) {
flex-grow: 1;
}

.color-yellow:not(:nth-child(5)) {
flex-grow: 1;
}

.color-fuchsia:last-child {
flex-grow: 1;
}

[romanevg]

Можно сократить код:

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

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

.brick:nth-child(even) {
flex-grow: 1;
}