Skip to content
Submitted 2 months ago

Responsive recipe page

ilyesfennour•60
@ilyesfennour
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 specific areas of your project would you like help with?

I want to know how to vertically center the bullet of a list with multiple lines.

and I'm having an issue with the spacing between the image and the text. I've attempted to set the margin and padding to 0 for both the text and the image, but there's still a persistent 4px space that I can't eliminate.

Community feedback

  • Aamir Khan•130
    @AamnbabaPosted 2 months ago

    Nice Work. I think you must try with the relative units like percentage and rem. It will help you to automatically adjust the font size according to the screen size.

    I've just completed a front-end coding challenge from @frontendmentor! 🎉

    You can see my solution here: https://www.frontendmentor.io/solutions/responsive-frontend-mentor-reciepe-challenge-A_OH91CyOd

    Any suggestions on how I can improve are welcome!

    0
    ilyesfennour•60
    @ilyesfennourPosted 2 months ago

    @Aamnbaba Thank you for your comment, but I use relative units (rem) in this project. I always use them in my projects.

    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