Simple recipe page challenge

Community feedback

• 

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 7 months ago

  Olá Giovanna, parabéns pela conclusão do seu primeiro projeto aqui no Frontend Mentor, ele ficou muito bom, de verdade., meus parabéns.

  Gostaria de dar algumas dicas sobre CSS e HTML, começando pelo CSS, recomendo fortemente que você utilize a unidade rem, isso porque ela se adapta as configurações de fonte do usuário, assim fazendo que sua fonte fique responsiva e acessível para pessoas com deficiência visual.

  Ainda sobre CSS, você pode usar a pseudo-classe ::marker para fazer com que os bullets e números de listas fiquem coloridos, aqui um link falando sobre isso W3School - Marker.

  No seu attribution, você pode utilizar a propriedade de text-align: center;, para centralizar aquela atribuição ao centro da página.

  Sobre o HTML, a estrutura dele está muito boa, mas ele está pouco semântico e tem um pequeno erro de heading, começando pelo erro de heading, não é correto pular as tags de heading, você utilizou <h1>,<h2>,<h4>, o correto era ter utilizado <h3>, pois existe uma hierarquia que deve ser seguida. Se quiser ver mais sobre isso, deixo aqui esse link: W3School - Heading.

  Agora sobre a parte da semântica, essa parte é muito importante, pois ela além de ajudar no SEO, também ajuda na acessibilidade da sua página, vou mostrar alguns trechos que podem ser alterados e porque.

  • <div id="container-header">, aqui poderia ser utilizado uma <header>, isso porque utilizamos o <header> para introdução de conteúdo.
  • <div id="container-preparation">, aqui poderia ser utilizado uma <section>, isso devido a estar armazenando um conteúdo com temática semelhante e que depende do conteúdo principal da página. Esse também vale para o trecho de ingredients, instructions e nutrition.

  Meus mais sinceros parabéns, caso tenha ficado alguma duvida ou surgido alguma duvida, por favor comente abaixo que tentarei ajudar da melhor forma possíve.l

  Marked as helpful

  1

  ---

  

  Giovanna Lago•20

  @LagoGiovannaPosted 7 months ago

  @R3ygoski Muuítissmo obrigada pelo seu comentário! Sério mesmo! Foi muuito útil e respondeu a algumas dúvidas que eu tinha, mas estava pesquisando sobre, como por exemplo os marcadores coloridos, que não havia conseguido completar.

  Vou dar uma olhadinha sobre o rem como unidade de medida e a parte das tags semânticas. Muito obrigada!!

  1