Recipe page with resoponsive TailwindCSS

Hello @AshlavaDev👋

Congratulations on successfully completing the challenge! 🎉

I have a suggestion regarding your code that I believe will be of great interest to you.

• Use of HTML Tables

In your solution, you have used ul and li to make the Nutrition section, However the best practice to do so is by the use of HTML Tables so,

instead of this

        <div class="grid grid-cols-2 gap-4 px-8">
          <ul class="space-y-6 leading-normal">
            <li>Calories</li>
            <li>Carbs</li>
            <li>Protein</li>
            <li>Fat</li>
          </ul>
          <ul class="space-y-6 font-bold leading-normal text-nutmeg">
            <li>277kcal</li>
            <li>0g</li>
            <li>20g</li>
            <li>22g</li>
          </ul>
        </div>

use this

    <table>
      <tr>
        <td>Calories</td>
        <td>277kcal</td>
      </tr>
      <tr>
        <td>Carbs</td>
        <td>0g</td>
      </tr>
      <tr>
        <td>Protein</td>
        <td>20g</td>
      </tr>
      <tr>
        <td>Fat</td>
        <td>22g</td>
      </tr>
    </table>

I hope you find this helpful 😄 Above all, the solution you submitted is great !

If you need any feedback or suggestions, I am happy to help

Have Fun Coding!

you design is very good and is perfect 👌