Css display-Grid

****HTML

<div class="glogallery">

   <div class="cases-item"></div>

   <div class="cases-item"></div>

   <div class="cases-item"></div>

   <div class="cases-item"></div>

   <div class="cases-item"></div>

   <div class="cases-item"></div>

   <div class="cases-item"></div>

   <div class="cases-item"></div>

</div>

*CSS

.glogallery {

   display: grid;

   grid-template-columns: repeat(4, 1fr); // 4 cột

   gap: 20px;

}

.cases-item {

   overflow: hidden;

   transition: transform 0.3s ease;

}