Responsive-UI workarounds

[jamesgeorge007]

Minor changes which would involve margin fixes for instance within larger screens.

[lourot]

Thanks a lot for your contribution @jamesgeorge007! I'll reflect that in the contributors section of the readme :)

I see two sets of changes:

• ghuser-on-github: unfortunately I don't think this is the way to go because:
  • This button and the right panel aren't aligned anymore:
  • We don't want a workaround on one button, but full responsiveness instead. So I think we want this part to become responsive:

    .page-content {
    min-width: 1012px;
    }

    and then we want the profile layout to fully reorganize itself. Ideally we should follow GitHub's style and layout, so on mobile ghuser.io should be similar to the mobile version of GitHub.

• logo-with-punchline: this looks nice, thanks!

[jamesgeorge007]

Hamburger button would look nice for the mobile view which comes in by default within Bootstrap 4 navbar. What do you think?

[lourot]

If the ghuser-on-github button doesn't fit on mobile, then OK. Because otherwise there is no point having a hamburger button since we have nothing else to put in the menu.

Also the mobile version of GitHub has a hamburger button, and that's the style/layout we want to follow, so :+1: