Skip to content
Submitted over 2 years ago

3 Columns Card Preview Card

Manuel Rivas•150
@AngryMorrocoy
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

Hey! I built this vanilla challenge. Any thoughts and/or advices you may have would be appreciated :D

Community feedback

  • Prantik•660
    @prantiknoorPosted over 2 years ago

    Your solution is simple and awesome.😊

    The hover effect of buttons is quite fast. If the transition time were a little higher, It would be more awesome.

    You used flexbox to center the main component. You can try out grid to center that. It is easier than flexbox.

    /* main {
  display: flex;
  justify-content: center;
  align-items: center;
} */

main {
  display: grid;
  place-content: center;
}
    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