Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive recipe page

@heloabrantessb

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Taking the time to take a good look before heading to code. I would try using a CSS framework next time and try to make it's HTML more semantic.

What challenges did you encounter, and how did you overcome them?

Styling this was a good challenge.

What specific areas of your project would you like help with?

Any feedback is welcomed.

Community feedback

@R3ygoski

Posted

Olá Heloa, seu projeto ficou muito bem feito parabéns.

Gostaria de te dar algumas dicas. A primeira seria relacionada ao seu HTML, a estrutura está correta, mas ele não está semântico, por exemplo, sua <div class="wrap"> poderia ser uma <main>, ou sua <div class="content"> ser uma <article>, e é uma boa prática utilizar o HTML semântico, caso você queira ver sobre isso, deixarei aqui um link: W3School - Semantic HTML.

Uma última coisa a respeito de HTML, seria a do uso de id, não é errado usar id's no seu HTML, mas geralmente utilizamos ele para que possa ser usado de referência para o JavaScript. Já para estilização é mais recomendável apenas utilizar a classe.

Sobre o CSS, gostaria de dar uma dica a respeito das fontes, sempre que você for utilizar o tamanho das fontes, é recomendável que se utiliza a unidade de medida rem ao invés de px, isso porque px é absoluto, já rem é relativa e se adapta ao tamanho de fonte do navegador do usuário, o que ajuda na acessibilidade do seu projeto.

E novamente, parabéns pelo seu projeto, ele ficou 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

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord