Skip to content
Submitted over 3 years ago

3-column-preview challenge using vanilla CSS and HTML

Muhammad Shajjar•1,100
@muhammadshajjar
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 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

  • Dawid Kuczer•110
    @dadko44Posted over 3 years ago

    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
    @afrusselPosted over 3 years ago

    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
    Muhammad Shajjar•1,100
    @muhammadshajjarPosted over 3 years ago

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

    0
  • andrewneilclarke•10
    @andrewneilclarkePosted over 3 years ago

    Looks pretty good to me. Well done!

    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