News Homepage Project (CSS Flexbox, CSS Grid and JavaScript)

When testing the final project on iPhone and Android devices, I encountered some issues with the burger button animation that I did not have when simply resizing the browser:

1. On Android when the button was toggled, the button in the new state did not appear, instead the bar that should have been hidden appeared.
2. On iPhone when testing in Chrome, the animation was very twitching. The thing is that other browsers (Safari, Telegram built-in browser) did not have the issue. I tried incognito mode, but the problem persisted. It would be great to know what I did wrong that led to the issue, so any feedback is appreciated!