Mises en page avec les boîtes flexibles

Par tan85, il y a 5 ans

Les bases HTML/CSS

Je souhaite éviter que mes objets sortent de leur boîte flexible quand on reduit la taille de la page.

.header > .search-module .search-module-functions { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;}

Ce que je veux

Je voudrais un coup de main svp !

Ce que j'obtiens

Mes objets sortent de la page quand je restore mon navigateur, une flêche apparaît.

2 réponses

Mickael Christine, il y a 5 ans

Hello,

Ajoute ceci dans ton css

flex-wrap : wrap; ou flex-flow: row wrap;

Good luck pour la suite