How to align block to center on all extensions?

Question

css

Hello. There is such code https://jsbin.com/nafuheredi/edit?html ,css,output
There are 3 more blocks in the middle of the block. The problem is that when you change the extension, the main block travels around the screen. How to fix it?

Answer 1

1. Your parent block has the class col-lg-6 col-md-6 col-sm-6 col-xs-10, and accordingly occupies half or 10/12 of the screen, depending on the extension.
2. Make these three blocks col-xs-4 or parent them and do it.