CSS, HTML

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Wasswa Enock Male, congratulations for your new solution!

  Use this 2 properties to have your image responsive and with a properly scaling without losing its proportions, display: block; max-width: 100%;. Note that the profile photo is distorted.

  Here's the fixes I did for your:

  img {
      display: block;
      max-width: 100%;
  }
  .image-victor {
      /* max-width: 100%; */
      border-radius: 50%;
      border: 5px solid white;
      /* width: 22%; */
      /* height: 80px; */
      margin-top: -40px;
  }
  

  👋 I hope this helps you and happy coding!

  0