Submitted 3 months ago

Recipe HTML, CSS

KN• 110

@kaiens-lab

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

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?

Tried to fix overridden functions.
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

@SaruMakes

Posted 3 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

Anthony Candaele• 50

@acandael

Posted 3 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.

KN• 110

@kaiens-lab

Posted 3 months ago

@acandael

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

Please log in to post a comment

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