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 challenge using vanilla CSS and HTML

@muhammadshajjar

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 tried my best to get as close to the design, but the problem I faced is that how I know how much padding, margin height width is required, means how to get the pixel-perfect result. Your suggestion and quick feedback on my work is highly appreciated. Thanks!

Community feedback

@dadko44

Posted

Hey man, sorry to have kept You waiting.

Your solution looks awesome, I took a look at your code and couldn't spot any things I would change.

Keep up the great work.

0
Ahmed Faisal 5,095

@afrussel

Posted

Hi, Nice work. Just a small issue is there. When I hover on button the main section is moving because border on hover. Other then this great work.

Happy coding :)

0

@muhammadshajjar

Posted

@afrussel Hello, Thanks for pointing the problem and for suggestions, I took account of it and fixed it.

0

@andrewneilclarke

Posted

Looks pretty good to me. Well done!

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