Geeks image grid is a simple construction which allows you to create a responsive layout for your images.
<div class="gallery "> <!-- gallery-item --> <figure class="gallery__item gallery__item--1 mb-0"> <img src="../assets/images/about/geeksui-img-1.jpg" alt="Gallery image 1" class="gallery__img rounded-3"> </figure> <!-- gallery-item --> <figure class="gallery__item gallery__item--2 mb-0"> <img src="../assets/images/about/geeksui-img-2.jpg" alt="Gallery image 2" class="gallery__img rounded-3"> </figure> <!-- gallery-item --> <figure class="gallery__item gallery__item--3 mb-0"> <img src="../assets/images/about/geeksui-img-3.jpg" alt="Gallery image 3" class="gallery__img rounded-3"> </figure> <!-- gallery-item --> <figure class="gallery__item gallery__item--4 mb-0"> <img src="../assets/images/about/geeksui-img-4.jpg" alt="Gallery image 4" class="gallery__img rounded-3"> </figure> <!-- gallery-item --> <figure class="gallery__item gallery__item--5 mb-0"> <img src="../assets/images/about/geeksui-img-5.jpg" alt="Gallery image 5" class="gallery__img rounded-3"> </figure> <!-- gallery-item --> <figure class="gallery__item gallery__item--6 mb-0"> <img src="../assets/images/about/geeksui-img-6.jpg" alt="Gallery image 6" class="gallery__img rounded-3"> </figure> </div>