Grid Template

by Pritam Bohra

HTML

<div class="grid-container">
  <div class="grid-item">
    <img src="https://picsum.photos/200/300?image=0" alt="">
    <h2>Pic 1</h2>
  </div>
  
  <div class="grid-item">
    <img src="https://picsum.photos/200/300?image=0" alt="">
    <h2>Pic 1</h2>
  </div>
  
  <div class="grid-item">
    <img src="https://picsum.photos/200/300?image=0" alt="">
    <h2>Pic 1</h2>
  </div>
  
  <div class="grid-item">
    <img src="https://picsum.photos/200/300?image=0" alt="">
    <h2>Pic 1</h2>
  </div> 
  
</div>

CSS

.grid-container {
  display: grid;
}