formulaire responsiv 01

Exemple 01

Dans l'exemple 01, je détermine une max-width au bloc parent. Si cette dernière est moindre que le double de la valeur de flex-basis des items, alors ces derniers se mettront les uns en dessous des autres.

Nous contacter:

Lire nos SGV et CGU.

Code ex 01:

.exemple-01 {
display: flex;
flex-direction: row;
flex-wrap: wrap;

max-width: 330px; 
}

.exemple-01 > * {

flex: 1 1 150px; 
/* flex-grow - flex-shrink - flex-basis */
/* comme flex-shrink à pour valeur par défaut 1, il doit être possible de l'ometre: */
/* et flex: 1 150px; semble fonctionner */ 
}