Skip to content
Submitted 5 months ago

Recipe HTML, CSS

KN•170
@kaiens-lab
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?

This project had many details, which made me stuck for a long time. But I am still very happy to have completed it.

What challenges did you encounter, and how did you overcome them?
  1. Tried to fix overridden functions.
  2. Learned something new - CSS Counters.

Not completely overcome, hoping someone can offer guidance.

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

Mainly want to solve the problem of the font turning bold. But any advice or suggestions are very welcome!

Community feedback

  • SaruMakes•160
    @SaruMakesPosted 5 months ago

    Hi there! 👋

    Great job on completing the challenge. 👍 I'm still working on completing it myself, and I might have more comments that might help you, after I've finished my own take on the project, but for now I can at least try to help you with your font issue:

    Bold font:

    • Since headers have default styling (unless you've reset these properties), they often have font-weight: bold; applied to them already. Try changing the font-weight to 400 and see if that helps.🙂
    Marked as helpful
    0
  • Anthony Candaele•50
    @acandaelPosted 5 months ago

    Great job, I see you custom-styled the component list decimal bullets. I implemented the same solution. It took me a long time to figure that one out.

    0
    KN•170
    @kaiens-labPosted 5 months ago

    @acandael

    Thank you! It also took me a long time to figure it out by researching! :)

    1

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