Funny CSS behaviour

[cerealenjoyer]

lil thing but when you resize the window it slooooowly scrolls up the screen, idk quite how to explain it

[cerealenjoyer]

Ah it's tied to the logo resizing! it moves everything around the screen in a slightly quirky way

[oliverjam]

Yeah I think it's caused by this CSS

img {
  transition: all 5s ease-in-out;
}

Transitioning every single transitionable CSS property is rarely what you want 😅. This means a bunch of layout stuff will transition too, which is why things float around really slowly on resize. It's a good idea to specify just the property you're trying to transition.

I'm not actually sure this transition is necessary—the images don't have anything transitioning (just the rotation animation, which doesn't need a transition)