Bootstrap cards image gallery
This is an example of a simple bootstrap card image gallery, designed using HTML, and CSS. Bootstrap class card-columns has been added to display images in columns. The images have been added to the form with their URLs imported. The images are divided into 4 sections depending on their different sizes, with the first section containing 2 columns, the second one containing 3 columns, the third one with 4 columns, and the fourth one with 5, making altogether 14 columns of images. The body of the form is given a padding of 2em. The card image is given a border-radius of 0em. Images in the first section are given a min-width of 576px, whereas the ones in the second are given 768px and the third and fourth, 992px, and 1200px, respectively.