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

Semantic HTML5 markup, CSS3, Flexbox, Grid

@Babajide777

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 used CSS grid for the first time in this project. Kindly tell me how it turned out and the things I should have done better. Thanks.

Community feedback

Dharmik_487 1,740

@Dharmik48

Posted

Hey👋,

Your solution is nice! But.. I found a couple of issues:

  • At default state, the buttons don't have a border, and when in hover state you are adding a border so the content above it moves up by a bit, so add a transparent border to normal state.
  • Also you have not add any hover states to buttons, so add it with some transition.

Keep it Up👍

Marked as helpful

1

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