I'm not happy with how I setup the background "bubbles". I couldn't find a way to reliably make them stay in the top with only a section appearing without making them have a weird crop effect once I reach a certain threshold. I assume I could add a bunch of @media queries, but I don't think it should be that hard. Am I missing something?
Looks great buddy! I had major problems with the background too took me hours.
The best version I've seen is by CedGarcia (who is a member of this site), I looked at his example.
You don't have to set one background image, you can set two for the body, then you can position them using background-position.
As I said not my example but when I saw it I couldn't help but note it down, elequent way of position elements in the background.
body{ background-image: url('../images/bg-pattern-top.svg'), url('../images/bg-pattern-bottom.svg'); background-repeat: no-repeat; background-position: right calc(47vw + 15%) bottom calc(65vh - 15vw), left calc(40vw + 25%) top calc(72vh - 10vw); }
Would appreciate the feedback .
