html/css

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  👋Hi Ads645! My name is Vanza!

  👍 Good job on completing your first challenge! I see that you having struggle on positioning those bubbles. Well, when I was doing this challenge I also struggled with two bubbles.

  So what I have done to position those bubbles, would be something like this:

  body {
    background-image: 
      url('./images/bg-pattern-top.svg'),
      url('./images/bg-pattern-bottom.svg');
    background-position: 
      right calc(47vw + 15%) bottom calc(65vh - 15vw),
      left calc(40vw + 25%) top calc(72vh - 15vw);
    background-repeat: no-repeat;
    min-height: 100vh;
    overflow-x: hidden;
  }
  

  You can remove the bckgrndimg and bckgrndimg2 from your index.html.

  That's it! Hopefully this solve your problem!

  **Happy Coding!**😉

  Marked as helpful

  1

  ---

  

  Ads645•125

  @Ads645Posted over 3 years ago

  @vanzasetia Awesome! I knew there was to be an easier way. Thanks so much.:)

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  @Ads645 You're Welcome!

  0