Recipe page main

Community feedback

• 

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 7 months ago

  Olá Amanda, parabéns pela conclusão do seu projeto, ele ficou muito próximo ao design proposto.

  Sobre as suas duvidas quanto ao HTML semântico, ele está muito bem feito e semântico, eu só mudaria duas coisas, que a tag <img/> eu colocaria dentro de um <figure>, e que eu trocaria a <div id="content"> por <article>.

  Sobre a Media Query, está também muito correto, o único problema que eu vi é que em telas de 320px, sua imagem fica com uma qualidade ruim, para corrigir isso você poderia diminuir o height da imagem. E uma dica sobre Media Query, eu pessoalmente prefiro utilizar o mobile-first workflow, recomendo fortemente que você dê uma olhada sobre, esse método se baseia na ideia de construir seu projeto em telas menores, isso é 320px ou 375px, e a medida que for aumentando ir colocando Media Queries, tanto que geralmente eu preciso utilizar apenas uma Media query para fazer isso.

  Uma dica, quando você for utilizar essa parte de tamanho de fontes, tente usar a unidade de rem, pois ela é relativa e se adapta ao tamanho de fonte configurado pelo usuário no navegador. Já o px é absoluto, ele permanece o mesmo tamanho, mesmo se o usuário utilizar um tamanho de fonte diferente.

  E novamente, parabéns pelo seu projeto, ele está muito bem feito, caso algo que eu tenha dito não tenha ficado claro, por favor, comente aqui embaixo que tentarei ajudar da melhor forma possível.

  Marked as helpful

  0