HTML, CSS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hello Evi, congratulations for your solution!

  You did a really good work here, the hardest thing you've done that's the double circle background.

  My advice for you is:

  1.Fix the background-image that disappears in the mobile version.

  2.Give some max-width to the container in order to allow it to be responsive, currently your card behave like a block and doesn't resize properly.

  3.Instead of using position relative to position the profile image between two div, just use a negative margin and the work is done quickly, see the code below:

  .profile {
      border-radius: 50%;
      border: 5px solid white;
      margin-top: -50px;
      /* left: 50%; */
      /* transform: translate(0,50%); */
  }
  
  

  Hope it helps, happy coding!

  0

  ---

  

  EviTee•30

  @EviteePosted over 2 years ago

  @correlucas Hi, Lucas, thank for your feedback, it was a real struggle with those background circles :) I will try to fix these problems as soon as I can.

  0