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

Static Recipe Page using HTML and CSS

@ChimiRinzin-HWR

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?

From a comment made on from my previous work, I learnt how to properly center HTML elements and also learnt to properly design a web page.

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

Initially, it was really difficult to arrange the elements according to what I wanted but after patiently experimenting and tweaking with the CSS, I was able to easily arrange all the items according to my desires.

Community feedback

Alpaar 115

@AlpaarX

Posted

Looks really great! There are some minor fixes that you might apply in your future projects:

  • ol li::marker, ul li::marker{ color: var(--color-brown-800) } Here you don't need to specify the type of list unless you are applying different styles, just li::marker is enough.

  • for sizing and padding/margin try to use relative values as they give you more consistency and potentially responsiveness.

I hope these advices will be helpful for you!

Marked as helpful

1

@ChimiRinzin-HWR

Posted

@AlpaarX Thank you very much

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