Skip to content
Submitted about 3 years ago

Semantic HTML5 markup, CSS3, Flexbox, Grid

Babajide Peter Oyafemi•200
@Babajide777
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 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
    @Dharmik48Posted about 3 years ago

    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

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