Responsive Card using CSS Flexbox

Community feedback

• 

  P

  fringe4life•160

  @fringe4lifePosted 2 months ago

  Hi, I am not sure if this should really be in the main tag as it seems likely there would be multiple such cards on the page, that automated test cannot tell the difference between a card and a real web page.

  I also have learned that it is best to use min-height:100dvh; instead of height:100dv; as the latter would cut content whereas the former would allow for overflow.

  It doesn't matter to much in this scenario as you only did that to center it on the page, but going forward you could run into trouble from it.

  Your code is very readable, so great job on that!

  The end result is that your result is very consistent with the design.

  Congrats.

  Marked as helpful

  0