Fix GitHub icon corner position

[QuantumAbraham]

Changed position to fixed for consistent display during scrolling. This ensures the GitHub corner icon stays visible as users scroll the page

[getify]

Hmmm I'm not sure position: fixed is actually desired here.

See this screenshot from mobile, the corner overlay would cover up useful information like this text.

What concern did you have in making this change?

[QuantumAbraham]

Thank you for pointing that out! @getify
I was thinking it would be great if the user could access the github icon without having to scroll back to the top

[getify]

I wonder if there's a straightforward CSS way to make the corner icon shrink when scrolling down?

[QuantumAbraham]

I wonder if there's a straightforward CSS way to make the corner icon shrink when scrolling down?
A pure CSS solution is limited. For more dynamic behavior, such as shrinking based on scroll position, we'll need JavaScript.

[getify]

https://css-tricks.com/how-to-create-a-shrinking-header-on-scroll-without-javascript/

Another limitation? The logo can’t shrink. This is perhaps the biggest drawback, since logos are often the biggest culprit of eating up space. Perhaps one day we’ll be able to apply styles based on the stickiness of an element…

[QuantumAbraham]

Based on CSS-Tricks blog you just shared, it should be possible to fix it using CSS only.
On the limitation of the logo not shrinking, am happy we are dealing with svg. Lemme try to implement and see what we'll arrive at