Fork me on GitHub

Pure CSS responsive "Fork me on GitHub" ribbon

The "Fork me on GitHub" ribbons supplied by GitHub are cute but they have a few issues: they mean having to load an extra image and they overlap the content of the page on smaller screens.

Instead of using an image it is totally fine to use CSS for the same purpose. This is an example of a imageless ribbon that falls back to an inline link when there is not enough space. If you see this on a screen less than 800 pixels there should be a link above, if you have a wider screen the ribbon should be up in the corner.

Customise your ribbon

Simply change the settings in the following form to your needs. Going to the next field applies the changes which you can see live here. When you are happy with your choices simply copy and paste the code.

Alignment:
Vertical Position: