How to adaptively lay out such blocks?

Question

css

Full-width lines, how to properly layout, and at the same time, what was adaptive?

Answer 1

Who adaptively typesets 50% backgrounds (on the left is one picture, on the right is another)?

Answer 2

through@media screen