Stats preview Vanilla Html CSS

Hello @beowulf1958,

If you want to switch between different images, it is recommended to use <picture> tag, through which you can switch between different images according to width of your browser window.

For the dimensions try using min-width and max-width property with width for better responsive design. Same for height. For example:

  .card-container {
    width: 100%;
    min-width: 20rem;  /* give min width of your own */
    max-width: 40rem;  /* give max width of your own */
  }

I hope this will solve your problems a little bit.

Happy Coding

Hello, I made a few tweaks and created a pull request to your GitHub repo; merge it if you like.