/*Dans index.php cette css permet de disposer des div alignées par lot de deux.*/

.container-of-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    widows: 100%;
    max-width: 1200px;
    padding: 30px;
}


/*responsiv de container-of-two reprendre exactement le container-of-two de départ et changer les valeurs.
ces nouvelles notions seront appliqué si et seulement si la largeur de l'écran tombe en desous de 700px*/

@media only screen and (max-width:700px) {
    .container-of-two {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
        widows: 100%;
        max-width: 700px;
        padding: 10px;
    }
}