Skip to content
Submitted about 1 year ago

Recipe Page build with HTML and CSS

#bem
Daniel Kull•40
@danielkull
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

👋 Hi Front-End Mentor Community. This is my Recipe Page solution.

🧱🔨 Build with:

  • HTML
  • CSS
  • BEM Notation note
  • Desktop first workflow approach 💻

Feedback welcome, especially for BEM notation

Community feedback

  • Ezequiel•1,050
    @3eze3Posted about 1 year ago

    Hi Daniel Kull very nice project for this challenge.! 🥞

    I have some recommendations for it 🔎 , hope they will be useful for you for next ones:

    Html:

    • At the time of closing the first title of the section: <h2 class="subtitle--prep-time">Preparation time</h3>.

    CSS :

    • You could opt for some use of Class Methodology for your tags like BEM as there are some stylos that repeat, this ensures minimum specificity.🎈

    • Separate the reset css in other files and also the fonts, it would be something more modular for your project. 🎲

    Overall a very good project, happy coding.🎨

    Marked as helpful
    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