Profile Card Component using HTML and CSS

Community feedback

• 

  Shivam•520

  @shivjoshi1996Posted over 3 years ago

  Hey there!

  Good job on this challenge!

  I noticed that the circle backgrounds were a little funny when resizing the screen. Using viewport units (vh, which is viewport height, and vw, which is viewport width) may be better. For example, if you replace what you currently have for background-postion, which background-position: right 50vw bottom 40vh, left 50vw top 50vh; it should look a little better.

  I also noticed that your profile card is not completely centred on the screen - this is because your grid container container does not include the footer. Moving the footer into the container div will centre the card. However, you may need to put a bit of padding-top to the footer so that the footer and the card have some space.

  Cheers! Shiv

  1