Docs site: Horizontal overflow on smaller screens

[Aleksandr Hovhannisyan]

Describe the bug

On smaller screens, a horizontal scrollbar appears indicating horizontal overflow. The culprit appears to be this transform style here on external links (specifically, the GitHub link in the navbar). Disabling the transform fixes the issue.

To Reproduce

1. Visit https://slinkity.dev/.
2. Open dev tools and minimize the screen to be < 1060px wide.
3. Observe horizontal overflow.

Environment

• OS: Windows 10
• Browser: Chrome 97

[Thomas Michael Semmler]

This transform makes sure that the element aligns properly - but we can remove it on the affect screensizes, where that isn't that big of an issue anymore!

[Deleted user]

@nachtfunke Noticing some nasty horizontal scroll on mobile as well 😬
Also seems that:

• the logo and GitHub icons overflow just outside the nav width
• we need to tone down this pink 😆

[Thomas Michael Semmler]

I'll get started on it :)