3-column preview card component

Community feedback

• 

  darryncodes•6,370

  @darryncodesPosted almost 3 years ago

  Hi Ali,

  Awesome solution, really well done!

  • I noticed the border-radius is not showing on one side of the design, you could add overflow: hidden; to .container to resolve this
  • Your buttons are jumping slightly, this is because you're adding the border on hover. Try swapping it to before the hover to fix it
  • I wondered if you considered switching the design to a column for the mobile view. You could use flex-direction: column; and a media query

  You might find these resources useful:

  • A Complete Guide to Flexbox - css tricks
  • Learn Flexbox for free - Scrimba
  • Responsive Web Design - freeCodeCamp

  All the best!

  Marked as helpful

  1

  ---

  

  Ali•260

  @alihuseynzade23Posted almost 3 years ago

  @darryncodes thanks a lot brother :)

  0