Skip to content
Submitted 2 months ago

Responsive solution for the recipe page using flexbox

Christian Reed•30
@ReedorReed
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?

How I found the solutions for the challenges i met when making this page

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

Having the img to fit correct Googled a lot till I found out how to do it.

Getting the table to look correct was a bit of a challenge. Google and ChatGPT helped a lot with this. The solution ChatGPT gave was incorrect, however it pointed me in the right direction to what I should Google to find the help I needed for the solution.

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

I had issues getting the h1 in the header to fit in two lines some help to how I can manipulate the text to fit without inserting breaks in the html would be nice to know.

Other than that I am not sure, all critique is welcome. As long as I can get better :-)

Community feedback

  • yele.m•330
    @YelemyahMPosted 2 months ago

    Hi coder, congrats for succeed this challenge !

    I read that you struggle with getting the h1 in the header to fit in two lines, so I have a suggestion for you :

    • You can try to set a width to your element (i.e. : 300px).

    Hope it can be useful. Happy coding !

    Marked as helpful
    0
    Christian Reed•30
    @ReedorReedPosted 2 months ago

    @YelemyahM Thank you very much. I will try that :)

    0
    yele.m•330
    @YelemyahMPosted 2 months ago

    @ReedorReed Your welcome ;)

    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