Flexbox + Grid + Question related to JS

Hi, Sven👋

Good job on this challenge! Your solution looks good and it scales pretty well.👍

I only suggest some things 😉:

• Changing the styles for the social media icons. As I see on you project, the twitter icon looks different from the others. That's because you set a width on them, I'd delete it, makes them look better.

• Setting a padding on the main element. You only have padding for the left & right, but the "Social media dashboard" is too close to the top of the page, I'd add padding: 2rem 3rem on the 768px media query.

I hope this would help you, have a nice day, keep coding!💙

hello Sven!

here a few things:

• About your js, I would put most of the variables inside the function, take a look at this article on why global variables suck
• your content is jumping because you're removing the <div id="divider" class="visible_divider"></div>, don't remove it! just add visibility: hidden; opacity: 0; and you're done.
• Because you're reloading the page without saving in the memory that the user changed to another mode. Memory management in javascript is a little bit advanced, so make sure you know javascript well before getting into it. But here you have an article about memory management.

happy coding and if I was helpful please upvote my comment.