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 card

@omk1r

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?

I'm mostly proud of the design and implementation of the design. I would like to make the card with grid instead of flex.

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

I encountered challenge with matching the fonts. I overcome it with trial and error.

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

I want help with the structure of the project. Specifically, CSS part like how can I structure it more efficiently.

Community feedback

@mirkobozzetto

Posted

first of all I congratulate you on having carried out this challenge because ilo is very similar!

I think it's almost perfect honestly, visually I think you haven't forgotten anything apart from one thing, yes the numbered list, the numbers in this list should be in a brown colour that you forgot to provide, you could have put the colour class in a span for example.

Otherwise, in terms of SEO, you could have included a main tag, as is recommended. In any case, I tend to forget this too, and frontendmentor often reminds me at the bottom of the page after I've shipped my exercise!

Honestly it's to find something to say and try to find a way to improve it, but honestly I find your work super well done,

Congratulations again!

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