3 Column Preview Card using Flexbox

Community feedback

• 

  Shashree Samuel•9,260

  @shashreesamuelPosted over 2 years ago

  Hey good job completing this challenge

  Keep up the good work

  Your solution looks great however I think that the card needs some margin from the top using margin-top.

  In terms of accessibility issues simply wrap all your content between main tags

  I hope this helps

  Cheers Happy coding 👍

  Marked as helpful

  0

  ---

  

  Dicky Dwi Darmawan•40

  @ddky16Posted over 2 years ago

  @TheCoderGuru Thank you! I give the margin-top: 100px on the container element but still, it does not make the element center vertically.

  However, I am still didn't know how to make the element center vertically I'm used FlexBox but still can't center the element vertically.

  0

  

  Parvathy Vazhoor•880

  @parvathyvdPosted over 2 years ago

  @ddky16

  You can add ul{ height: 100%; align-items: center; }

  to your section's ul element which will make your elements center vertically

  Marked as helpful

  0

  

  Dicky Dwi Darmawan•40

  @ddky16Posted over 2 years ago

  @parvathyvd thank you i will try it

  0