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


Salut,

Je suis encore débutant donc attend des réponses plus expérimenté.

Mais la chose qui me vient à l'esprit c'est d'avoir des object avec un min-width qui correpond à ta situation.

https://developer.mozilla.org/fr/docs/Web/CSS/min-width

mais en tout cas quand tu bouge la taille de ta page c'est du ""responsive""

https://grafikart.fr/tutoriels/media-query-css-1050#autoplay

Hello,

Ajoute ceci dans ton css

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

Good luck pour la suite