3-column preview card component Using Flexbox

Community feedback

• 

  faizan•2,420

  @afaiz-spacePosted over 2 years ago

  Hey @olusesimrg,

  • remove height:100vh from the main element. also, add algin-item: stretch; in the main element.

  Marked as helpful

  0

  ---

  

  Olusesi Gbolahan•20

  @olusesimrgPosted over 2 years ago

  @afaiz-space thanks

  0
• 

  Ayjamal•630

  @ay-jamalPosted over 2 years ago

  greet work , i have some notice that will help you to remove the difference height between each div

  1. in the main class remove the align-item: center you do not need it you only need display flex
  2. remove the padding property {padding: 5em 3em 5em 3em;} from all three divs this why there is a scrolling in your site

  at meadia(max-width:767px) you do not need 33.3%width and good luck

  0

  ---

  

  Olusesi Gbolahan•20

  @olusesimrgPosted over 2 years ago

  @ay-jamal thanks for the feedback

  0