:root{ --taille : 10vw; } .carte { background-color: #B7B7B7; border-radius: 0.75vw; padding-right: 0.15vw; padding-left: 0.15vw; padding-bottom: 0.25vw; display: flex; margin-right: 0.4vw; margin-left: 0.4vw; margin-bottom: 1vw; width: var(--taille); -webkit-flex-flow: row wrap; justify-content: space-around; } /*1 + 3*x colonne*/ .case{ width: 3vw; padding-left: 0.1vw; margin-top: 0.25vw; height: 3vw; border-radius: 10px; background-color: #E6E6E6; } .troispar4{ width: 10vw; } .troispar3{ width: 10vw; } .quatrepar3{ width: 13vw; } #conteneur{ height: 30vw; width: 100%; }