Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe page responsive webpage with CSS grid

finnotm 10

@finnotm

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is the first time I did a project provided by Frontend Mentor. It is not pixel perfect. I am having difficulty in making the image contain the space while in mobile view. Any criticism and suggestions are appreciated.

Community feedback

ivan parra 750

@ivanparraoda

Posted

hi!!, To address the issue of making the image contain the space in mobile view, you could solve it by removing the padding from the "body-wrap" class and adding a common class to each section of the page where you add the padding that all sections will share. This way, you can control the spacing uniformly across all sections while ensuring that the image fits properly within the designated space.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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