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 website

@wassimboualam

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?

How well the site turned out to be, though I didn't use any classes or ids so the css turned out to be looking like a mess.

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

Nothing particularly difficult, but adjusting the fonts and margins and paddings took the majority of my time.

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

Nothing really.

Community feedback

@R3ygoski

Posted

Hello @wassimboualam, congratulations on completing your challenge.

I noticed that you didn't color the bullets of the lists, which can be done as follows: W3School - CSS Marker

Another thing I noticed was the lack of colors for the subtitles of each section of the page, such as in Ingredients, Instruction, and Nutrition.

The structure of your HTML is very good, and it's also very semantic, congratulations.

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