Skip to content
Submitted about 2 years ago

3-column-preview-card

Prakash Natarajanā€¢50
@Prakash1411
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

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

  • Galache de Toro Federicoā€¢150
    @fico444Posted about 2 years ago

    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
    Prakash Natarajanā€¢50
    @Prakash1411Posted about 2 years ago

    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

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