3-column-preview-card-component-main using Flexbox and Grid

Community feedback

• 

  imad•3,330

  @imadvvPosted over 2 years ago

  Greetings Douglas Mardegan Colodete!! Congratulations on completing This challenge!, 👏👏👏

  You did great job and your solution almost done, here are a small changes to make and it will be responsive.

  body {
    min-height: 100vh;
    padding-block: 2rem;
  }
  

  @media only screen and (min-width: 23.438rem) {
  
  main {
   / * height: 100vh; *  this fix height is the problem just remove it you don't need any height here/
  }
  }
  

  and replace this media query @media only screen and (min-width: 90rem) with this @media only screen and (min-width: 50rem)

  and it should be fixed,

  Over All you did Great, Happy coding and Have a Good Day/Night 👍

  Marked as helpful

  0

  ---

  

  Douglas Mardegan•140

  @douglasmardeganPosted over 2 years ago

  @imadbg01 Thank you so much for the feedback and for sharing some of your experience.

  Regarding your solution to the same challenge, I really liked the animations, but especially the background with the Lamborghini image.

  1

  

  imad•3,330

  @imadvvPosted over 2 years ago

  @douglasmardegan You're Welcome My friend, am really happy to help.

  0