Profile Card Component (HTML,CSS)

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hello there, ratan17! 👋

  Good effort on this challenge! 👍

  I'd like to suggest using flexbox to center the card component in the viewport (rather than using absolute positioning to do so), since absolute positioning is best used for elements that are particularly tricky to place, and in this case, flexbox would a great tool to use and make it easier to keep the design of the page responsive.

  Simply add min-height: 100vh to the body (to ensure that it fills up the entire area of the screen) and,

  display: flex;
  align-items: center;
  justify-content: center;
  

  ...to the body, as well, in order to use flexbox. 😉

  Keep coding (and happy coding, too)! 😁

  Marked as helpful

  3

  ---

  

  spyder•315

  @ratan17Posted over 3 years ago

  @ApplePieGiraffe thanks for the feedback. I will surely watch some tutorials about flexbox

  1