Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refine (component library series) header images #78

Open
mrtnvh opened this issue Aug 17, 2022 · 0 comments
Open

Refine (component library series) header images #78

mrtnvh opened this issue Aug 17, 2022 · 0 comments
Assignees
Labels
enhancement New feature or request

Comments

@mrtnvh
Copy link
Contributor

mrtnvh commented Aug 17, 2022

Header images on the component library articles are stretched. Original aspect ratio ≠ rendered aspect ratio.

Screenshot 2022-08-17 at 15 38 38
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

@mrtnvh mrtnvh added the enhancement New feature or request label Aug 17, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants