@Ramon-Alvez
Posted
Olá @Kaua-Almeida!
Dei uma olhada no seu código e realmente esta bem semântico, mas você disse que não soube fazer a tabela igual ao design, observando a sua estrutura de tabela, você a criou com duas linhas ao invés de duas colunas, para arrumar é só seguir essa estrutura:
<table>
<tr> <!--TR significa TableRow, é a linha da coluna -->
<td>E aqui entra os dados da tabela</td>
<td>Para ter duas colunas é só usar 2 tds por linha</td>
</tr>
<tr>
<td>Exemplo</td>
<td>Exemplo</td>
</tr>
</table>
Para estilizar a divisória dos itens da tabela nutricional você pode usar o border-bottom ou um <hr>.
Outra coisa que observei foi seu mediaquerry, na versão mobile o container ocupa toda a largura da tela, e a imagem não possui mais o border-radius.
Te desejo sorte nos estudos ;)
@Kaua-Almeida
Posted
Agradeço o feedback, corrigirei o quanto antes.@Ramon-Alvez