3-column preview card component using flexbox and grid.

Community feedback

• 

  P

  Fluffy Kas•7,715

  @FluffyKasPosted about 3 years ago

  Hey,

  Nice-looking solution! Perhaps you could try to center your container by applying min-height: 100vh, display: grid and place-items: center on the body! ^^

  Marked as helpful

  0

  ---

  

  Zain Mhrez•220

  @ZainMhrezPosted about 3 years ago

  @FluffyKas Thanks, mate, I really appreciate it. I made the changes.

  0
• 

  darryncodes•6,370

  @darryncodesPosted about 3 years ago

  Hi Zain,

  Awesome work, you've nailed it!

  • you could add transition: ease-in .3s; to your <button> for a smoother hover affect
  • you could change this <div> to a <main>: <div class="container"> this will clear your accessibility report. Semantic mark up is really important.

  All the best

  Marked as helpful

  0

  ---

  

  Zain Mhrez•220

  @ZainMhrezPosted about 3 years ago

  @darryncodes Thanks, mate, I really appreciate it. I modified the code.

  0