Here is the code snippet:
<div id="members">
<div class="container-fluid">
<div class="row">
<div id="members" class="col-md-12 text-center">
<h3>Text</h3>
<div class="col-lg-2 col-md-2">
<img src="images/1.png">
</div>
<div class="col-md-2">
<img src="images/1.png">
</div>
<div class="col-md-2">
<img src="images/1.png">
</div>
<div class="col-md-2">
<img src="images/1.png">
</div>
<div class="col-md-2">
<img src="images/1.png">
</div>
<div class="col-md-2">
<img src="images/1.png">
</div>
</div>
</div>
</div>
</div>
Unfortunately, when I resize the browser window, the images start to overlap. Any suggestions on how to prevent this from happening? Additionally, I would like to know how to hide some of the images on smaller browser windows.
Thanks in advance!