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

Omelette-Recipe-Challenge

@Saviourjr

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?

Counting the numbers of tasks i was able to archieve,I will be solving more tasks and challenges....

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

I'm still not able to use the fonts given to use in the folder... like i don't know how to

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

be needing help on how to use the fonts.{the Static Fonts.., Outfit Fonts.. i just had to search and use some initiative

Community feedback

@NullishKoala

Posted

Great work! I don't know myself how to use the provided static fonts, I'm always using the links from Google fonts ;)

As for HTML:

  • the first paragraph misses a closing tag
  • instead of div to bold some parts of text content, I would go for span https://www.w3schools.com/tags/tag_span.asp
  • in the bottom Nutrition part I would go for a table instead of using divs
  • to change the color of just the bullet points of lists you can use li::marker selector

Hope that helps a bit ;)

Marked as helpful

1

@Saviourjr

Posted

@NullishKoala oh wow Thanks ma’am 🎖️❤️. I’ll see to that Thanks a lotttt

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