3-column preview card component using CSS grid and flexbox

Community feedback

• 

  Kingsleigh•260

  @Kingsleigh-ObiPosted about 1 year ago

  Before you start to create the layout of the web page for mobile devices, make sure you zoom out totally, this helps to fit everything in one page before you start creating the responsive page.

  Marked as helpful

  1
• 

  Sulaiman Abubakar•270

  @Abu-SmanPosted about 1 year ago

  Hey @ziyyahh, you did a great job! keep going. I don't think you can make the card component fit the page without scrolling on a mobile device. However, i do notice that the content of the card jumps up a lil bit when you hover the buttons. To fix that, you can use the box shadow with the inset keyword to add the border instead of just using the border property or you can add the border and make it transparent and only display it on hover state. You can check my version of the solution here to see how i solve it https://github.com/Abu-Sman/3-column-preview-card-component-solution. Also, your readme isn't describing your project, use the readme-template instead. Don't forget to edit it. Hope this helps.

  Marked as helpful

  0

  ---

  

  Fawziyyah Jimoh•140

  @ZiyyahhPosted about 1 year ago

  @Abu-Sman Hi, thank you for your feedback, i just implemented it and it worked perfectly, I'd update my repository.

  1