Profile Card

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello karraras, congratulations for your new solution!

  I saw that you've used overflow: hidden in the card but this is cropping the container info and making the stats text out of the container. To fix this behavior you need to give max-width to make the stats section responsive and flex-wrap to break the content.

  You've missed the border around the photo:

  .contant .img img {
      border-radius: 50%;
      border: 4px solid white;
  }
  

  Your background circles are not properly aligned, I did some fixes for your:

  body {
      background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg);
      background-size: contain, contain;
      width: 100%;
      height: 100vh;
      background-repeat: no-repeat;
      background-attachment: fixed, fixed;
      background-position: top -353px left -136px, bottom -434px right -82px;
      background-color: var(--Dark-cyan);
  }
  

  👋 I hope this helps you and happy coding!

  0

  ---

  

  karraras•280

  @karrarasPosted over 2 years ago

  @correlucas first of all I can't thank you enough ,second I have questions where I should gave max-width is to parents or child

  0