Profile-card

Community feedback

• 

  Rio Cantre•9,690

  @RioCantrePosted almost 3 years ago

  Hello there! Nice job with this one. Your code it decent and I think you should considered the following as well...

  • Instead of using percentages for the border-radius in the image, you can modified it with specific angle like this...

  img {
    display: flex;
    min-width: 100%;
    min-height: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  

  • Same goes with the main border radius, change it into border-radius: 20px
  • The avatar is not position in the center, adjust the left with 145px, .info-1 into 45%, .city into -60px
  • Add opacity with the .line and make it 0.5
  • Wrap the .main into main tag

  Hope this helps and Keep up the good work!

  Marked as helpful

  1