Profile Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Ibukunoluwa,congratulations for your solution!

  You did a really good work with the background circles, this is really tricky to get the correct position. There's some things you could fix in order to improve it.

  Here's my tips:

  1.Add the background-color to the body, you've inserted that inside the container.

  body {
      background-color: hsl(185, 75%, 39%);
      font-family: 'Kumbh Sans', sans-serif;
      padding-top: 3em;
  }
  

  2.To manage better the circle background, my advice for your is that you add them to the body, this way you make sure that this elements are in the first layer level.

  See the example below:

  body {
  background-image: url (first circle) , url (second circle);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top 10px left 10px, bottom 10px right 10px;
  }
  

  Note that all properties before the comma changes the first circle and the properties after the comma affect the second one, so you can manage everything just using these 4 classes, without need to use position: relative; or something like.

  Ibukunoluwa, I hope it helps, keep it up!

  Marked as helpful

  0

  ---

  

  Ibukunoluwa Oladeinde•170

  @IbkayyyPosted over 2 years ago

  @correlucas Thank you!

  1