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

Page of an omelette recipe using HTML5 AND CSS3.

Humberto Barretoโ€ข 10

@Berto8714

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?

I really enjoyed learning more how to use CSS and HTML, it's satisfying to see progress happening and I would have started this task sooner if I knew it would be easy.

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

I really didn't know how to create tables in CSS, I had to research and watch videos to just discover that you just need to use two different tags, programming is complicated.

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

I would like to know how to better organize yourself in terms of margins and positioning of elements and I would also like to know why my image is not loading

Community feedback

Victoria Azola Silvaโ€ข 1,240

@VickyAzola

Posted

Hi there! ๐Ÿ‘‹ Awesome job completing this challenge.

So looking at your github repository, it looks like you didn't upload the image file; that's why it doesn't appear on the page.ย  For it to show, you need the folder assets and the folder images since that is the way you declare it on the src:

 <img src="assets/images/image-omelette.jpeg" alt="Omelette on a plate">

Also, adding an alt attribute is important for accessibility, and in cases like this when the image doesn't load properly.

Hope this helps!

Marked as helpful

1

Humberto Barretoโ€ข 10

@Berto8714

Posted

@VickyAzola, thank you so much for the help, i couldn't upload the folder through github but i was able to upload the file and change the address to just the file name and it worked

1

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