Recipe Page built with SASS and BEM Notation
Design comparison
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
- @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>
underneathAnyways, all of your submissions are really really spot on, good job man! ๐
Marked as helpful1@danielmrz-devPosted 8 months ago@Xarlizard Thanks, Charlie! You got an eye for detail ๐
1 - @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@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 GitHubJoin 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