Refine (component library series) header images
mrtnvh opened this issue · comments
Header images on the component library articles are stretched. Original aspect ratio ≠ rendered aspect ratio.
Quick fix = object-fit: cover;
Can we recommend/use SVGs for these types of illustrations? IMHO, I find the image compression quite harsh for illustrations.
For an example of SVG usage: https://techhub.iodigital.com/articles/container-queries-the-next-step-towards-a-truly-modular-css