Recipe page main

Hello, great solution, it seems like your fonts have not loaded correctly,

• Try to put the @font-face at the top of your CSS so it loads first and make sure you are targeting it correctly with the right file path,

• Few more things i noticed

• Missing a <meta> description tag for SEO purposes,

• Having better alt="" descriptions for accessibility is a must check this out Write helpful Alt Text to describe images,

• Having an aspect ratio on your images will increase performance to reduce layout shifts and improve CLS,

• You should add a font-display: swap; property to your @font-face, Leverage the font-display CSS feature to ensure that text is user-visible while web fonts are loading, Increasing performance.

• Check out this article from a Frontend mentor dev about responsive-meaning.

• You should avoid using px as it is an absolute unit and not a responsive unit like rem or em, You should look at this article from a Frontend mentor dev, Why font-size must NEVER be in pixels.

Good luck, hope to see more from you!