syg
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
hmm, still has a scroll to it
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
ok
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
doesn't affect it, because the ratio
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
ok
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
hmm, ok so use media queries to give a rough ratio
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
hence why I was saying, maybe just give up and work on other stuff, lol
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
I've tried for quite a while
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
because I've been down this road and I've never seen a solution that actually seems to work
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
I'd love an example of what you're suggesting if you can make it quickly
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
ok, but one other issue, I can't set an aspect ratio on a dimension I don't know ahead of time, since the dimensions are the browser window
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
so width="100" is 100px
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
but the width attribute for img only accepts a number value for a dimension in pixels
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
so set it via css?
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
explicit width and height would be static
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
which is a bit late in the game
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
but the issue is, then they don't scale, so I'd have to redesign the entire main landing page area
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
yep, because CLS
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
but I might also just leave the images as is, it's been in the back of my head to just stop messing with them
57 replies
KPCKevin Powell - Community
•Created by syg on 11/13/2023 in #front-end
handling image heights using img/src/sizes with object-fit: cover to overflow width
that might work
57 replies