HTML

<!--###### 4-col #######-->
<div class="bg-darken-1">
<div class="center p2">
  <div class="overflow-hidden flex flex-wrap justify-center">
    <div class="sm-col-12 md-col-6 lg-col-3 border-box"><div class="p2 border"><img src="https://picsum.photos/300/200/?random" alt=""/></div></div>
    <div class="sm-col-12 md-col-6 lg-col-3 border-box"><div class="p2 border"><img src="https://picsum.photos/301/200/?random" alt=""/></div></div>
    <div class="sm-col-12 md-col-6 lg-col-3 border-box"><div class="p2 border"><img src="https://picsum.photos/300/201/?random" alt=""/></div></div>
    <div class="sm-col-12 md-col-6 lg-col-3 border-box"><div class="p2 border"><img src="https://picsum.photos/301/201/?random" alt=""/></div></div>
  </div>
</div>
</div>

CSS

none

JS

none

valid-html
valid-css