Skip to content
Submitted 6 months ago

Page of an omelette recipe using HTML5 AND CSS3.

Humberto Barreto•10
@Berto8714
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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,290
    @VickyAzolaPosted 6 months ago

    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
    @Berto8714Posted 6 months ago

    @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

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