@media all and (max-width: 1000px) {

.grille {
    padding: 40px; /*marge intérieur*/
    grid-gap: 75px 40px; /*espace entre les éléments de la grille*/
    grid-template-columns: repeat(auto-fill, 310px); /*colonnes égales et s'ajuste automatiquement*/
}

article {
    border-radius: 15px; /*bordure arrondi*/
    border: 1px solid var(--couleur-bordure); /*bordure tout en un*/
}

article .couleur {
    height: 19px; /*hauteur*/
    margin: 10px 2px 0px 10px; /*marge extérieur*/
}

article .couleur svg {
    width: 15px; /*largeur*/
}

.information {
    padding: 10px; /*marge intérieur*/
}

}