Frontend Recipe Page, kinda complete

Hi Oduwa,

You did a good job for the solution, it's easy to read and understand. Unfortunately I couldn't check you live solution because the website is pending. I took a look on your code and here's what I can suggest you:

• Try to use semantic HTML whenever is possible instead of divs. Some of the semantic like main, header, footer, article, section elements. For example you can change the recipe-page div for main.
• For the texts you can use line-height property to make it similar to the design.
• You used the li:marker pseudo element. There you can change the font-size which results in a different size of bulletpoint.
• If you target the list items li and change their padding-left then it will have more distance from the bulletpoints.
• To align the bulletpoints all the way left you can manage to do it by setting the padding-left of the ol and ul elements.

I love that you used rem values in your code. I hope I could help you. Keep up the good work!

Hey, Love the fact you completed this challenge, some things I noticed,

• * {max-width: 100%;} you don't want this to affect every element, Instead you should apply a full modern reset to make things easier as you build, check out this site for a Full modern reset
• Using max-width: 100% or min-width: 100% is way more responsive then just width:100%, check out this article also from the same Frontend mentor dev responsive-meaning, she goes into more detail.
• Using a naming convention like BEM, Using proper naming will prepare you for the changes in design of the website.
• Having better alt="" descriptions for accessibility is a must check this out Write helpful Alt Text to describe images,
• Missing a <meta> description tag for SEO purposes,
• It is best practice to have a <main> tag inside your body highlighting the main section.
• To separate the bullet points from the text you could use padding-left: 1rem; to your <li> element, To be more specific give the <li> class names to target them each if the spacing is different.

I hope this help and i look forward to hearing more from you, Happy Coding!