Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe page

@Thelma6002

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

EMMANUEL 80

@NueloSE

Posted

Great job. BTW

  • In your html implementation i noticed
tr>
          <td> Calories</td>
          <td id="thick-data">277kcal</td>
        </tr>

        <tr>
          <td>Carbs</td>
          <td id="thick-data">0g</td>
        </tr>

        <tr>
          <td>Protein</td>
          <td id="thick-data">20g</td>
        </tr>

        <tr>
          <td>Fat</td>
          <td id="thick-data">22g</td>
        </tr>

recall id is meant to be for unique entities so a class would have been better for "thick-data"

and kindly use nnemonic variable naming convension ex: instead of thick-data use nutrition-quatity

finaly kindly take out the Challenge by Frontend Mentor. Coded by Thelma Maxwell. put it outside the recipe card just below the recipe card

Marked as helpful

0

@Thelma6002

Posted

@NueloSE thank you

1

Please log in to post a comment

Log in with GitHub
Discord logo

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