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 component challenge solution (HTML & CSS)

Vikash Kumarā€¢ 230

@itzvikashgupta

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


Hey there! Iā€™m Vikash, and this is my solution for this challenge. šŸŽ‰āœŠ

Any suggestions on how I can improve this project are welcome!

Thank You!

Community feedback

Bryan Liā€¢ 3,550

@Zy8712

Posted

Your looks great! Good job!

The only thing I'd change is the hover effect on the button so that it looks closer to the original design (unless you changed it on purpose). The original has: the button's background turn transparent on hover, the button text turns white, and the button has a white border.

One other thing worth mentioning is that you should only really have one <h1> tag per page in your website. So my suggestion would be to change the headesr to <h2> tags and then have a hidden <h1> tag that can be used as a title for the page.

Hope this helps šŸ‘

Marked as helpful

0

Vikash Kumarā€¢ 230

@itzvikashgupta

Posted

sure! thanks will work on it asap! @Zy8712

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