Preciso de ajuda

[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>