Additional fields “break” the user card via picture HTML tag

[Falcion]

Describe the bug

When I'm trying to to apply this URL in <picture> tag with the template from the README:

https://github-readme-stats.vercel.app/api?username=Falcion&show=reviews,discussions_started,discussions_answered,prs_merged,prs_merged_percentage&show_icons=true&theme=dark&custom_title=Recent%20activity%20(Falcion):&text_bold=true&card_width=500&hide_border=true

It shows me (no matter what media set is), this "default" card:

But if I use this same URL within "Markdown image": ![](), it shows me this:

VS Code also previews card correctly, but Github .MD is not working.

Expected behavior

Show correct card correlated with provided URL (image 2):

Screenshots / Live demo link

Screenshots provided in bug description.

Additional context

No response

[qwerty541]

Hey @Falcion. You have to URL encode the query string values when using <picture> tag. Here is an example:

<picture>
  <source
    srcset="https://github-readme-stats.vercel.app/api?username=Falcion&show=reviews%2Cdiscussions_started%2Cdiscussions_answered%2Cprs_merged%2Cprs_merged_percentage&show_icons=true&theme=dark&custom_title=Recent%20activity%20(Falcion):&text_bold=true&card_width=500&hide_border=true"
    media="(prefers-color-scheme: dark)"
  />
  <source
    srcset="https://github-readme-stats.vercel.app/api?username=Falcion&show=reviews%2Cdiscussions_started%2Cdiscussions_answered%2Cprs_merged%2Cprs_merged_percentage&show_icons=true&custom_title=Recent%20activity%20(Falcion):&text_bold=true&card_width=500&hide_border=true"
    media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"
  />
  <img src="https://github-readme-stats.vercel.app/api?username=Falcion&show=reviews%2Cdiscussions_started%2Cdiscussions_answered%2Cprs_merged%2Cprs_merged_percentage&show_icons=true&custom_title=Recent%20activity%20(Falcion):&text_bold=true&card_width=500&hide_border=true" />
</picture>

[Falcion]

Issue resolved: thank you very much!

[qwerty541]

Glad to help! Feel free to contact me if you need any further assistance.