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+