Responsive page using CSS flexbox

Community feedback

• 

  Lidia Krajewska•390

  @lidiakrajewskaPosted over 2 years ago

  Hello! Great job on the card's look :) I've got a few tips on how to make it more responsive. Right now if you change the font size in your browser to bigger, the card breaks (there's an overflow). It's caused by giving the card a fixed height. It's recommended to use min-height instead. But because you use absolute positioning the card will stretch then, so I'd suggest to use Flexbox to position the card instead.

  body {
  display: flex;
  min-height: 100vh;
  }
  

  0