3-column preview card component Using HTML & CSS

Community feedback

• 

  dewslyse•3,025

  @dewslysePosted over 3 years ago

  Hi @nofear1985, the card in design is not perfectly centered, at least not vertically. The top margin is a little bigger than the bottom margin. You may need to offset the card from the top for it to be at the same level as the design.

  You could try apply a transform: translateY(10%) to your .container selector to see if it helps. You may want to try different percentages though.

  Don't forget to generate a new screenshot when you make any change to your code.

  Marked as helpful

  0
• 

  spyder•315

  @ratan17Posted over 3 years ago

  you could have used flexbox for centering your cards

  Marked as helpful

  0

  ---

  

  Fadi•145

  @nofear1985Posted over 3 years ago

  @ratan17 I used flexbox for centering Card but its still not centerd in Design Comparison !!

  0

  

  spyder•315

  @ratan17Posted over 3 years ago

  @nofear1985 ohh you did ? tell me in which file is it so that i can see why isnt the cards centering

  0