Allan Muniz

estou aprendendo html e tava acompanhando umas video-aulas e fazendo tudo que a professora fazia, o projeto é um site de vendas e ela tava adicionando os produtos por meio de tabelas e <td>, entretanto o site dela ficou responsivo e o meu não, os produtos ficaram horizontais sem quebrar a pág. vou deixar o exemplo do código. se alguém puder ajudar agradeço, estou travado nisso tem muito tempo <table border="0" width="100%" cellpadding=> <tr> <td rowspan="5" width="20%" valign="top"> <h3><font face="Arial">Categorias</font></h3> <ul> <li><font>Geladeiras(3)</font></li> <li><font>Fogões(2)</font></li> <li><font>Microondas(3)</font></li> <li><font>Máquina de lavar(2)</font></li> <li><font>Lava-Louça(2)</font></li> </ul> </td> <br> <td width="20%" align="center" valign="bottom"> <img src="./imagem/5299861_Geladeira-Brastemp-Frost-Free-Duplex-2-Portas-BRM44HK-375-Litros-Inox-110V_1_Zoom.jpg" alt="Geladeira Brastemp" width="120px"> <br> <font face="Arial" size="2">Geladeira Frost Free Brastemp Side Inverse 540 litros</font> <hr> <font face="Arial" size="2"><strike>R$ 6.389,00</strike></font><br> <font face="Arial" size="4"color="red"> R$ 5.019,00</font><br> </td> <td width="20%" align="center" valign="bottom"> <img src="./imagem/geladeira2.webp" alt="Geladeira Brastemp" width="120px"> <br> <font face="Arial" size="2">Geladeira Frost Free Brastemp Side Bumblebee 750 Litros</font> <hr> <font face="Arial" size="2"><strike>R$ 7.389,00</strike></font><br> <font face="Arial" size="4" color="red">R$ 3.019,00</font><br> </td>