Time-consuming animation and problemss

Devlog 12 - Opportunity App and animation

Problems!!!

I messed up positions! 😭😭 I was adjusting this rover so it’s driving perfectly around the Mars for hourss and then I decided to check it with the scroll bar, and bc the rover had position: absolute it went down with the scroll bar idk how to describe it, like, he flew out of mars lol

Solutions!!!

I’ve watched quick guide on youtube about positions and finally understood everything, because before I was just kindaaa guessing lolll now, having the knowledge, I wrapped my animation into <div style="position: relative; border: pink [...]"> , added position: absolute to my images and adjusted everything completely from scratch!! It took me so long but I think it was worth it bc it looks nice and is something different from the usual.

One more change

I added border photo to Voyager App. Adjusting also took me a while but the window is way more interesting now!

What’s next?

Finishing Opportunity App!!

Thanks for reading and have a nice day!!