Css responzivna tabulka

Dobry den, Mam jeden problem, chcem spravit nasledovnu tabulku: 1 - Nazov tabulky 2 - Nazov tabulky 3- nazov tabulky 1.1- obrazok 2.1- obrazok 3.1 - obrazok 1.2- popis 2.2 - popis 3.2 - popis Potreboval by som vytvorit tabulku ako je tu znazornena, aby mala 4 stlpce - cize 4 nazvy, 4 obrazky, 4 popisky - vytvorit takuto tabulku nie je narocne, ale problem nastal, ked chcem aby bola respozivna. Cize ked si pozriem stranku napr na telefone tak aby bol logicky len jeden stlpec ( a vsetko pod sebou, respektivne zalezi od rozlisenia). Dakujem, za odpoved, Michalík.

Jak předělat web na responsivní

Nejjednodušší je řešit to DIVama....zvlašt zadat width pomocí @media screen and (max-width: ....) pro jednodtlivé hardware.Při rozlišení monitoru nastavíš libovolnou hodnotu width, u mobilu nastavíš width na 100% - prvky tak zaberou celou šířku a řadí se pod sebeJestliže máš tabulku přes TABLEzkus zadat do @media screen and (max-width: 240px)hodnotu "td {width:100%;}"