We can easily create an image gallery using CSS Grid AND the html
semantic elements figure and figcaption.
For the best results
it is wise to use an image editing software to crop and optimize your
original images are the same size/pixel dimension. If you do not have
an image editing software, you can use the css object-fit property
(cover). This constrains your images in the gallery (figure) size.
Note, however, that the browser will still have to render the images
at their original size, then scale the image down.
This is a description of a bald eagle.This is a description of a bald eagle.This is a description of a butterfly.This is a description of a bald eagle.This is a description of a bald eagle.This is a description of a bald eagle.This is a description of a butterfly.This is a description of a bald eagle.This is a description of a bald eagle.