recipe-page-main

Thanks you for your suggestion. I'll definitely give it a try

Hello 🙋‍♂️ @khinyadanarhtoon14 ,

🎉🎊🥳👏 Congratulations on solving the challenge.

A few tips to improve your solution:

• I noticed you are using <b> tags for some parts of the text that should be boldened. The more suitable element is <span>. Then you target these with the required css to achieve the desired styling.

• You will have to wrap the text in the <li> with a <p> to make the css declaration

p{
    font-family: "Outfit", sans-serif;   
}

in your code achieve the desired effect.

• You should also consider using a <table> element to display the nutritional information.

To read more about the <span> and <table> elements. Check the MDN links below👇

• Span Element
• Table Element

I hope these recommendations help improve your solution. All the best 👍