.brick-layout {
display: flex;
width: 300px;
padding: 5px;
box-sizing: content-box;
}
.brick {
min-width: 0;
height: 100px;
}
.brick-1,
.brick-2,
.brick-3 {
flex-basis: 25px;
}
.brick-4 {
flex-basis: 200px;
}
.brick-5 {
flex-basis: 400px;
}
.brick-6 {
flex-basis: 200px;
}
.brick-layout .color-aqua {
flex-grow: 1;
}
.brick-layout .color-olive {
flex-grow: 3;
}
.brick-layout .color-yellow {
flex-grow: 5;
}
.brick-layout .color-olive {
flex-shrink: 3;
}
.brick-layout .color-aqua {
flex-shrink: 3;
}