Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Request path contains unescaped characters
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

used grid system to align things

shashank 225

@shashankrk46

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


Responsiveness is not upto the mark . In mobile mode there is gap on top not able to fix it even though i kept margin top to 2px. Any suggestions on how to fix this ?? Thanks

Community feedback

Account Deleted

Hello , shashank ! 👋

Well done on this coding challange! 😃

To fix the issue you have mentioned , you can set your body height:70vh; or less in mobile mode as your body height is set to 100vh in desktop mode which is also affecting the mobile mode! 😄

Have fun coding! 😊

1

shashank 225

@shashankrk46

Posted

@IsteakShupto Thanks for fixing this

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