.hub-popular-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:1rem;
    width:100%;
}

/* Tablet */
@media (max-width: 991px){
  .hub-popular-grid{grid-template-columns: repeat(2,1fr);} 
}

/* Mobile */
@media (max-width: 599px){
  .hub-popular-grid{grid-template-columns: 1fr;} 
}

.hub-popular-col{box-sizing:border-box;display:block}
.hub-popular-col > *{height:100%;display:block}