3-column preview card component

Community feedback

• 

  Rajaul Islam Ratul•1,250

  @ratul0407Posted about 1 year ago

  @timilehin223 congratulations on completing this challenge🎉🎉

  I think you've done a very good job on this but there is minor adjustments and improvements that you can make

  first on your question -- instead of using padding: auto use min-height: 100vh on your body this will allow your body to take the full height of your page and let the body grow if it's necessary ✌✌

  and very importantly always make sure to use grid-template-rows you've given your main a display of grid but you haven't used grid template-rows that's why the page is getting this gigantic scrolling to fix that just simply set

  main {
   display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  

  and the gigantic scrolling issue is fixed✔✔

  I hope it was helpful to you 👍👍

  Have a nice day😊😊

  Marked as helpful

  0