.pindoles {

    h3 {
        font-size: 1.5rem;
        margin-left: 0;
    }
}

.contingut_pindoles {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(10rem,1fr));
    grid-template-rows: auto;
    row-gap:0.625rem;

    .pindola {

        img {
        width:8rem;
        height:5rem;
        }

        p {
            font-size: 0.75rem;
            margin: 0;
        }
    }
}

@media (max-width: 768px)  {
    .pindoles {
        margin-left:0;
        .contingut_pindoles {
            grid-template-columns: repeat(2,1fr);
        }
    }
}