Skip to content
Submitted 7 months ago

recipe page responsive design

kad5•40
@kad5
A solution to the Recipe page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

getting used to setting media queries and measure units

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

i think i might be color blind. It is just that or I'm really bad at telling colors apart.

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

responsive design, font sizes

Code

Please log in to post a comment

Log in

Community feedback

  • IO•720
    @i000o

    1. I don't know if this has anything to do with a potential colour blindness but the colour HSL codes are provided in the style-guide.md in the downloadable free starter files.

    2. To get lines between your Nutrition table, try

    td {
    border-bottom: 1px solid #ddd;
}
    1. border-radius: 16px; on the Preparation Time section.
    Marked as helpful
  • Leandro Souza•260
    @LeandroAzevedo-1

    Parabéns pelo projeto!

    Um ponto positivo como desenvolvedor e na estruturação de pastas, o que demonstra cuidado e planejamento no desenvolvimento.

    Uma sugestão seria mover os arquivos de estilos para dentro da pasta assets, centralizando todos os recursos do projeto em um único diretório. Além disso, você poderia criar um arquivo separado especificamente para as media queries, o que tornaria a manutenção e atualização do código mais simples e organizada no futuro. Ótimo trabalho!

    Marked as helpful

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