Responsive card with flow layout and flexbox

Community feedback

• 

  P

  Huy Phan•3,430

  @huyphan2210

  Posted over 1 year ago

  Hi, daniel-howorth

  You did well on this challenge

  I'd like to make some suggestions:

  • Make html and body tag have "min-height: 100vh" instead of "height: 100%" to make it fill the whole viewport. And if you want the main tag to fill the body:

  -- make the body have "display: flex"

  -- make the main tag have "flex-grow: 1", remove the padding

  -- make the footer tag have "position: fixed", "bottom: 1vh", left: "50%", and "transform: translate(-50%)"

  Afterwards, make the card in the center by applying flexbox or grid to the main tag

  I'm not sure what you meant by "make the profile image more responsive", but you can try to search "@media query" on Google.

  I hope that this is useful to you

  00

  Marked as helpful