Skip to content
Submitted 9 months ago

Recipe Page built with SASS and BEM Notation

Daniel 🛸•44,270
@danielmrz-dev
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

🛸 Hello Front-End Mentor Community! I'm Daniel and this is my solution for this challenge! 😊

🛠️ Built with:

  • HTML 🧾
  • SASS 🎨
  • BEM Notation 🅱️
  • Mobile first workflow approach 📲🌓

Very good challenge for those taking their first steps into HTML and CSS.

Thanks to the Front-End Mentor team that create challenges that make us learn a lot from doing them. 💟

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

Feedback welcome 😊

Community feedback

  • Charlie•300
    @XarlizardPosted 8 months ago

    I cannot believe that I have spotted a tiny flaw on the code of our magnificent mentor, @danielmrz-dev! 🤩

    -Those unordered lists <ul> have their bullet color set by default as black, when they should be of that red-ish color, like the ordered list <ol> underneath

    Anyways, all of your submissions are really really spot on, good job man! 🙌

    Marked as helpful
    1
    Daniel 🛸•44,270
    @danielmrz-devPosted 8 months ago

    @Xarlizard Thanks, Charlie! You got an eye for detail 😊

    1
  • ZAHROUNI Saleheddine•80
    @ZahrouniSPosted 9 months ago

    Magnificent work the only thing is the number in the Nutrition used the wrong color and that's it Great Job!!

    4
    DPOsengo•50
    @DPOsengoPosted 9 months ago

    @ZahrouniS not only that, I can spot 2 approximations :

    • the border-radius on the whole card is not the same as the design
    • the 1. in the numbered list has a serif at its base !

    I had the 1. problem.. I have NO IDEA how to fix that, the font is the right one, if you put the 1 somewhere else, it's like in the font glyph list.. but when it's used to number the list... it has this small horizontal bar at its base

    Other than that, magnificient job !

    3

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