Problème avec le SELECT d'un formulaire

Sté[PH]ane
Les bases HTML/CSS

Bonjour,

Je créée un formulaire avec une liste de choix multiple. J'utilise FLEX et GRID pour m'entraîner.
Le problème c'est que lorsque je passe en mobile la boite de selection n'apparait pas juste en dessous ou même au niveau de mon selecteur ^^
Je suis complètement perdu...

Voici le CSS :

"body{

display: grid;
grid-template-rows: auto 1fr auto;
background-color: antiquewhite;
height: 100vh;
margin: 0;
align-items: center;

}

.main {

display: flex;
flex-direction: column;

}"

J'aimerai bien que cette boite de selection apparaissent juste en dessous...

Merci d'avance pour le coup de main :)

Steph

2 réponses

SiProdZz

Bonjour,
Tu peux utiliser la notion de "wrap".
flex-wrap : wrap;

Sté[PH]ane
Auteur

Ok merci :)
En fait le problème venait de mon double moniteur ^^
En utilisant l'inspecteur chrome j'avais le problème mais en utilisant Responsive viewer le problème disparaissait.... Et sur mon moniteur principal je n'avais pas le pb...

Bref je ne sais pas ce qu'il s'est passé mais c'est résolu.

Merci
Steph