How to make blocks in a checkerboard pattern?

Question

Layout

Help plz how to make such a thing



https://jsfiddle.net/v12xo0jg/

Answer 1

Something like this

And then have fun with media calculations.

Answer 2

I did this by sketching out a hexagonal grid, changing the border-radius and padding later on. You can google and find a couple of things for yourself.

Answer 3

https://jsfiddle.net/p17z3e26/3/
Right?