Bonjour,
J’utilise CSS Grid pour créer une mise en page en 3 colonnes sur desktop, avec un passage en 1 colonne via media query sur mobile. Cependant, lorsque je zoome le navigateur à environ 125%–150%, le layout se casse : certaines colonnes passent à la ligne alors que le breakpoint n’est pas encore atteint.
Est-ce qu’il existe une bonne pratique pour garder une mise en page stable lors du zoom utilisateur sans multiplier les media queries ? Quels types d’unités (px, %, rem, fr...) recommandez-vous dans ce cas ?
Merci d’avance pour votre aide !
J’utilise CSS Grid pour créer une mise en page en 3 colonnes sur desktop, avec un passage en 1 colonne via media query sur mobile. Cependant, lorsque je zoome le navigateur à environ 125%–150%, le layout se casse : certaines colonnes passent à la ligne alors que le breakpoint n’est pas encore atteint.
Est-ce qu’il existe une bonne pratique pour garder une mise en page stable lors du zoom utilisateur sans multiplier les media queries ? Quels types d’unités (px, %, rem, fr...) recommandez-vous dans ce cas ?
Merci d’avance pour votre aide !