Dva tabulky vedle sebe "nesvazane"

Ahoj,
udelal jsem dve tabulky vedle sebe dle navodu zde Jak dát dvě tabulky vedle sebe
dle bodu 2. <table style="float: left;">...</table>

Vsechno funguje na desktopu dobre, ale problem je, ze ty tabulky jsou "svazane", t.j. pri zmenseni okna browseru "drzi" porad spolu a ja bych potreboval, aby pri zmenseni okna (zmenseni pod velikost dvou tabulek vedle sebe na sirku) ta druha tabulka "preskocila" na dalsi radek (kvuli mobilnimu rozliseni).

Proste aby se pak ty dve tabulky zaradili pod sebe, kdyz je okno mensi...

Umite prosim nekdo poradit nejake jednoduche reseni?

Omlouvam se, mel jsem chybu v kodu. Ten float to resi a funguje to...