Skip to content

[Fix included] Skills icons appear huge on parts of Github, and sometimes the profile itself #156

@sjain882

Description

@sjain882

Visit github.com/username/username and read the Readme generated by this tool.

Skills icons will always be absolutely huge and fill the screen.

Additionally, sometimes when I made any change to my Readme (even just adding a space), the images would become huge on my profile too.

It seems something changed on Github's end and it prefers style tags instead.

Only the following fix worked:

Instead of:

<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/csharp-original.svg" alt="C#" height="50" />

Do this:

<img style="margin: 10px; height: 50px" src="https://profilinator.rishav.dev/skills-assets/csharp-original.svg" alt="C#"/>

Notice how I changed it to a CSS value instead of its own tag.

(You should still add px like I did for clarity, but that wasn't the cause of this issue)

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions