.hp-col-sm-1-5 {
width: 12.5%; /* 100% / 8 columns = 12.5% */
max-width: 12.5%;
flex: 0 0 12.5%;
padding: 0 10px; /* Adjust as needed for spacing */
box-sizing: border-box;
}
@media (max-width: 768px) {
.hp-col-sm-1-5 {
width: 50%; /* Display 2 cards per row on mobile */
max-width: 50%;
}
}
@media (max-width: 480px) {
.hp-col-sm-1-5 {
width: 100%; /* Display 1 card per row on smaller screens */
max-width: 100%;
}
}
