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

Recipe Page usando HTML e CSS

@bitsbygui

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?

Me orgulho de ter realizado o desafio sem template figma e com apenas 1 semana estudando HTML e CSS. Vou tenta me aprimorar em design responsivo pois não conseguir deixa a versão mobile igual ao desafio, preciso melhorar nesta parte.

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

Template responsivo, não conseguir fazer a versão mobile.

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

Na parte de design responsivo design mobile.

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

Não entendi quais as suas dúvidas em relação ao design responsivo mobile. Parece estar completamente responsivo e semelhante ao design do projeto. Estando responsivo, está tranquilo, não precisa ficar perdendo seu tempo testando 500 medidas diferentes para tentar se aproximar do design original

Uma dica que tenho para te dar que notei vendo superficialmente seu projeto é que você utilizou a tag <strong> né. Po, vamos evitar usar essas tags já que não são semânticas. Você pode por exemplo utilizar a tag <em> que significa emphasis, para tudo que você queira deixar enfatizado. Fica bem mais semântico do que usar a tag strong

Esse é o unico ponto que dá para melhorar, o resto ta perfeito e para quem começou há pouco tempo, é surreal, parabéns.

Marked as helpful

0

@bitsbygui

Posted

Obrigado pelo feedback, já fiz a alteração para <em>, esse detalhe da tag <strong> eu não sabia. Eu falei do design responsivo e no uso do @media, quando chega uma determina largura o site se adapta para aquele design mobile sugerido do desafio, isso que não conseguir. @pRicard0

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