@vanzasetia
Posted
👋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
@Ads645
Posted
@vanzasetia Awesome! I knew there was to be an easier way. Thanks so much.:)
@vanzasetia
Posted
@Ads645 You're Welcome!