Bonjour,,
Voici mon code HTML pour un tableau simple
https://codepen.io/theoask/pen/RmvYeL
Je voudrais ca comme résultat
TecTake
Taille conseillée 180 cm
Réglage Taille : Oui
Armature : Plastique
Intimate
Taillé conseillée 175 cm
Réglage Taille : Non
Armature : Métal
En fait les éléments s’empilent les uns en-dessous des autres sur un écran de smartphone depuis un tableau horizontal
Je me casse la tête à trouver ça en CSS. Je sais qu'un webmaster y arrive sur la version mobile du tableau en page d'accueil ici: https://www.chaise-gamer.fr/
Je crois qu’il faut utiliser display :flex ou flex :wrap ou bien display :block avec les media queries, mais je ne trouve pas le bon réglage.
J'ai pensé à th,tr,td:not(:first-child) aussi mais ça ne marche pas.
Pourtant j'ai appliqué le tutoriel CSS ici mais ça ne marche toujours pas...https://css-tricks.com/responsive-data-tables/
A+
Partager