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-main2

@hgcfkuyfliyfl

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

spending time trying out my knowledge and next time i will do more research

What challenges did you encounter, and how did you overcome them?

somethings where not adding up for example i tried applying border radius to the image but it wasn't responding to my changes

What specific areas of your project would you like help with?

all feedback is welcomed

Community feedback

Miarinaly 80

@Mys1337

Posted

Great job and congrats for finishing the project! Your code is pretty clean, and easy to read :)

You can improve it by optimizing few part it: <img class="image" src="assets/images/image-omelette.jpeg" alt="" />

Here it is better to use <img class="image" src="./assets/images/image-omelette.jpeg" alt="" />

by adding "./" the route will always start from the root folder (sometime it may causes some error of rendering if there is many subfolder) For the "alt" attributes, it is used as a small descriptive of the image ("omelette-pictures" for example) it will help the SEO to find the image description

            <span>Beat the eggs</span>: In a bowl, beat the eggs with a pinch of
            salt and pepper until they are well mixed. You can add a tablespoon
            of water or milk for a fluffier texture.
   </li>

Also, this is correct but there also an alternative to using span if you just want to make the text bold. You can use: <b>Beat the eggs </b>

Your project is really good overall, Great job! Keep up the good work! And Happy coding ! :)

Marked as helpful

0

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