Create a gallery with thumbnails and images.

by Bouteille Dimitri

HTML

<div class="gallery">

     <div class="thumbnail-1">
            <img src="image1.jpeg">
     </div>

     <div class="thumbnail">
        <h3>Lorem ipsum dolor sit amet</h3>
        <p>Vestibulum sollicitudin ex gravida, tincidunt nibh ac, placerat urna. Fusce in mauris lectus. Proin porttitor sodales erat, et faucibus augue.</p>
     </div>
</div>

CSS

.gallery {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
}
.thumbnail-1 {
  aspect-ratio: 1 / 1;
  background: blue;
}

.thumbnail {

  background: yellow;
}