How to build such blocks? enter image description here

<div class="works-items"> <div class="row d-flex align-content-start flex-wrap"> <div class="col-4"><div class="works-items-block"><img src="img/works/1.png" alt="Работа"></div></div> <div class="col-4"><div class="works-items-block"><img src="img/works/2.png" alt="Работа"></div></div> <div class="col-4"><div class="works-items-block"><img src="img/works/3.png" alt="Работа"></div></div> <div class="col-4"><div class="works-items-block"><img src="img/works/4.png" alt="Работа"></div></div> <div class="col-4"><div class="works-items-block"><img src="img/works/5.png" alt="Работа"></div></div> <div class="col-4"><div class="works-items-block"><img src="img/works/6.png" alt="Работа"></div></div> <div class="col-4"><div class="works-items-block"><img src="img/works/7.png" alt="Работа"></div></div> <div class="col-4"><div class="works-items-block"><img src="img/works/8.png" alt="Работа"></div></div> <div class="col-4"><div class="works-items-block"><img src="img/works/9.png" alt="Работа"></div></div> <div class="col-4"><div class="works-items-block"><img src="img/works/10.png" alt="Работа"></div></div> </div> </div>

It turns out that's such a gibberish. enter image description here

  • Do you use Bootstrap, but did not even see their documentation? :) There it is. - Colibri
  • I did as I understood from the documentation, it seems like I can see what I indicated in the classes. - Daniel
  • codepen.io/anon/pen/NBdENG - Colibri
  • I use only the grid) Flexes do not achieve this?) - Daniel
  • Daniel, hello! Found a solution? - Kobets Matviy

0