Aligning Cards

By default, GitHub does not lay out the cards side by side. To do that, you can use such approaches:

Stats and top languages cards

<a href="https://github-stats-extended.vercel.app/api?username=anuraghazra">
  <picture>
    <source
      srcset="https://github-stats-extended.vercel.app/api?username=anuraghazra&theme=dark_github"
      media="(prefers-color-scheme: dark)"
    />
    <img height="200" align="center" src="https://github-stats-extended.vercel.app/api?username=anuraghazra&theme=light_github" />
  </picture>
</a>
<a href="https://github-stats-extended.vercel.app/api/top-langs?username=anuraghazra&layout=compact&langs_count=8&card_width=320">
  <picture>
    <source
      srcset="https://github-stats-extended.vercel.app/api/top-langs?username=anuraghazra&layout=compact&langs_count=8&card_width=320&theme=dark_github"
      media="(prefers-color-scheme: dark)"
    />
    <img height="200" align="center" src="https://github-stats-extended.vercel.app/api/top-langs?username=anuraghazra&layout=compact&langs_count=8&card_width=320&theme=light_github" />
  </picture>
</a>

👀 Show example

Pinning repositories

<a href="https://github.com/anuraghazra/github-readme-stats">
  <picture>
    <source
      srcset="https://github-stats-extended.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&theme=dark_github_repocard"
      media="(prefers-color-scheme: dark)"
    />
    <img
      align="center"
      src="https://github-stats-extended.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats&theme=light_github_repocard"
    />
  </picture>
</a>
<a href="https://github.com/anuraghazra/convoychat">
  <picture>
    <source
      srcset="https://github-stats-extended.vercel.app/api/pin/?username=anuraghazra&repo=convoychat&theme=dark_github_repocard"
      media="(prefers-color-scheme: dark)"
    />
    <img
      align="center"
      src="https://github-stats-extended.vercel.app/api/pin/?username=anuraghazra&repo=convoychat&theme=light_github_repocard"
    />
  </picture>
</a>

👀 Show example