CSS: display grid of card 3 in a row

         .product-list-container {

            display: grid;

            grid-template-columns: repeat(3, 1fr); /* Three cards per row */

            grid-gap: 20px; /* Adjust the gap between cards as needed */

        }