@shivjoshi1996
Posted
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