Profile-Card solution using css

Community feedback

• 

  Tereza•605

  @sirriahPosted almost 4 years ago

  Hello, welcome to the Frontend Mentor. First, I recommend you to use rem/em instead of % article about rem/em. Look at the design - which images are part of the content and which are only decoration? The part of the content is profile picture - so this image should be in html, the circles behind the profile picture are only decoration - this can be placed in css as background image. Have a nice day and happy coding!

  0

  ---

  

  Ola•160

  @olamide203Posted almost 4 years ago

  Hello Sebastian, nice try, I would suggest giving the card a width of 350px to reduce the size

  .card {
  max-width: 350px;
  width: 100%
  }
  

  you could also try centering the card by giving the div with class container the following:

  .container {
    height: 100vh
    display: grid;
    place-items: center;
  }
  

  Happy coding :)

  0