Submitted 20 days ago

Responsive recipe page

ilyesfennour• 60

@ilyesfennour

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

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

@Aamnbaba

Posted 20 days 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!

ilyesfennour• 60

@ilyesfennour

Posted 18 days ago

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

Please log in to post a comment

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