Skip to content
Submitted 4 months ago

Static Recipe Page using HTML and CSS

Chimi Rinzin•890
@ChimiRinzin-HWR
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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
    @AlpaarXPosted 2 months ago

    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
    Chimi Rinzin•890
    @ChimiRinzin-HWRPosted 2 months ago

    @AlpaarX Thank you very much

    0

Please log in to post a comment

Log in with GitHub

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