HTML-table integration

Hello everyone, maybe someone had the same problem. Well I integrated a table (in desktop-version) and defined in the html-code 14 px. Now in the mobile version it stands like that, so I changed it with font-size: 1rem and then I attached the following script:

/* Standardgröße für größere Bildschirme */ body { font-size: 1rem; /* Basis-Schriftgröße für Desktop */ } /* Für Tablets */ @media (max-width: 1024px) { body { font-size: 0.9rem; /* Schriftgröße etwas kleiner für Tablets */ } } /* Für Smartphones (Portrait) */ @media (max-width: 768px) { body { font-size: 0.8rem; /* Noch kleinere Schriftgröße für Smartphones */ } } /* Für kleinere Smartphones (z.B. ältere Geräte) */ @media (max-width: 480px) { body { font-size: 0.7rem; /* Kleinste Schriftgröße für sehr kleine Bildschirme */ } }

But it does not work!
Anyone a hint or tip?
Would really appreciate.

Well, I had to do a workaround, in fact I did the tables with «Pages» and with copy&paste imported in Sparkle. Its not so lovely for Google, but I had to solve the problem.
Anyhow thanks to all, but if someone has a solution, still interested for my personal development.