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

3-column-preview-card

@Prakash1411

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm having issues with adding padding/margin at the bottom of mobile view. Tried adding padding & margin to the main & body but no space is occurring at the end the page in mobile view. Please help me out, if anyone knows this trick. Thanks!!

Community feedback

@fico444

Posted

Hi, good solution. I think I know where the problem is. The height of the main is set to 100px, so there is no space to add margin or padding. This also causes its content to overflow. You could fix it by changing 600px to 100% or giving it more height in px. I hope I have helped you. šŸ‘

0

@Prakash1411

Posted

Hello, Thanks for your inputs. Unfortunately, changing the height to 100% also doesn't work. It actually makes the main container to use up all height available in the page, and not having any space on top or bottom.

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