Skip to content
Submitted 3 months ago

Recipe page using flexbox, grid and position

kei-13•20
@kei-13
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 enjoyed the process

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

At first I couldn't figure out how to make the text appear in different colors in the prep list without coding too much, I was able to figure it out my way but I think there's a better way to summarize it.

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

  1. I don't know why the image doesn't appear when I open it directly from the URL site, but when I open it from the code to view it, it does appears, I don't know what's missing.

  2. I don't know how to make a margin between the list of points/numbers and the text.

Community feedback

  • Pedro Eustáquio•210
    @PedroEustaqPosted 3 months ago

    Keep going dude! why don't you try <img src="your/path/to/the/omelette"> since you got the image storage in your memory! instead of using a URL ( or maybe you forgot to put the path folder and the image in your repository! )

    Marked as helpful
    0
    kei-13•20
    @kei-13Posted 3 months ago

    @PedroEustaq Thank you so much, it did help! I didn't put the path folder

    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