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

página de receita, foi usado o HTLM, CSS e FLEX-BOX

jluanas 20

@jluanas

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?

Eu me orgulho de não ter desistido, da próxima vez vou tentar entregar mais rápido, achei que demorei um pouco

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

tive pouca dificuldade, pois é um desafio fácil, para iniciantes

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Olá @jluanas!

Você precisa deixar seu arquivo index.html na raiz do projeto, caso contrário, o link não levará até o projeto e sim ao arquivo readme.md.

Espero que ajude!

Marked as helpful

1

@R3ygoski

Posted

Olá jluanas, baixei seu projeto e ele está muito bem feito, parabéns.

Gostaria de dizer que você forneceu o arquivo de forma errada para seu repositório, parece que você forneceu a pasta onde está a pasta do recipe, tanto que tem outros projetos como o de QR-Code, então por isso não dá pra acessarmos o projeto já finalizado.

Mas como eu baixei eu notei algumas coisas, o pseudo elemento ::marker que você usou, estava no lugar errado, esse pseudo elemento ele fica com as tags <li> e não a tag de lista como <ul> ou <ol>.

Quanto a semântica, ela está quase impecável, saiba que a forma que foi feita não está errada, mas para ficar mais semântico, algumas divs poderiam ser <section> ou <article>, e sobre a tag <strong>, ela tem valor semântico, então geralmente é recomendado usar a tag <b>, ou <span>, nesse segundo caso tendo que adicionar o efeito de negrito via CSS.

Outra coisa que notei é que parece que as fontes não foram importadas nem via link pelo HTML, e nem via import pelo CSS, assim elas não estavam tendo efeito na sua página.

Também notei que no seu CSS você utilizou muito seletor de tags, com vários main se repetindo, isso não era necessário, pois você tem algumas divs com classes, então ao invés de usar dessa forma, poderia ter acessado elas via classe

Um exemplo:

main .instrucoes

você poderia remover o main, e ainda funcionaria, mas saiba que a forma que você fez também não estava errada.

De resto está tudo muito bem feito, e parabéns por não ter desistido, essa sua determinação te fará chegar longe! Caso algo que eu tenha dito, não ficou claro, por favor responda aqui embaixo que tentarei te responder da melhor forma possível para sanar quaisquer duvidas.

E novamente, parabéns pelo projeto.

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