1. display: block na glavni tabeli:
Nastavitev display: block na tabeli razbije tabelo na blok element, kar lahko povzroči težave pri širini in poravnavi. To velja še posebej, če delate s tabelami, ker imajo te privzeti display: table.
2. max-width: 100% na vrsticah:
Ko določite tr { max-width: 100% !important }, pravilo ne vpliva na širino tabele, saj je to blokovni element (blok ne upošteva logike tabele pri širinah celic). Namesto tega je treba popraviti širino starševskega elementa.
3. Pravilo width: 100% za tabelo:
Element tabele bi moral imeti zgolj width: 100% (brez display: block), da se pravilno izriše kot tabela.
4. Mobilne prilagoditve s @media:
Če delate zasnovo za zaslone 800px ali manj, uporabite @media za pravilno prilagoditev širine brez razbitja tabele.
Več o tabelah najdete v moji vadnici na povezavi HTML tabele.