How without a tambourine, the creation of a set of additional classes and js to make so that the blocks are not pressed against the left side, and centered, regardless of the screen size?
html
<div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> <div class="class">ะขะตะบัั ัะตะบัั ัะตะบัั ัะตะบัั</div> CSS
html, body { margin: 0; padding: 0; } div { background: red; } .header { height: 100px; width: 1%; display:table-cell; vertical-align:middle; text-align:center; font-size: 500%; } .class{ border: 3px solid black; margin: 3px; float: left; display: box; display: flex; } 
