Skip to content
Submitted about 2 months ago

i used html structure,css styling and tables to complete the challenge

Nard42•40
@Nard42
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 am most proud of myself for trying to do this challenge. and for the next time i would like to be more knowledgable about the task i am going to do.

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

I struggled to get the image size right, so I searched online for solutions and successfully adjusted it.

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

I could use some help with CSS styling, as I've been having some trouble setting the styles for the images and text.

Community feedback

  • Mustapha•50
    @Mustapha909Posted 13 days ago

    I noticed that you gave the image 60vh for height, and that's too much of a size. The vh in CSS means viewport height, which means you will take 60% of the screen. I would recommend using something like em, rem, or px in a situation like this. also, make sure to add the right source to the image element.

    0

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