How can I retain on-click CSS style changes when switching breakpoints?

Hi everyone, thanks for reading!

I’ve built a website for my media portfolio that is pretty CSS-dependent for site navigation. I’ve also added a dark mode that uses animations to flip the colours of my site. This implementation works, but I run into trouble when switching breakpoints or when the screen window is resized, such a maximizing a window or rotating a display. The CSS styles reset to their original values as the animations essentially start from the beginning. This causes dark mode to go back to original, and the site begins at the title again. Is there a way I can retain the styles as they’re changed on the website? Would this involve more than CSS?

Here is my site Read-Only: LINK

Hey Tremay,

Check this article

Hope it helped :slight_smile: