Image

Geeks image grid is a simple construction which allows you to create a responsive layout for your images.

Grid

  <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>