jeffreytgilbert
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
The only way I could figure out how to make the markup resize while being considerate of the available height was to use aspect-ratio to force the consideration of it, but that brings a whole other bag of hurt along with it since everything else doesn't want to play by those rules. The enlarging images in the grid to fill the available space problem seems easy, but these browsers just don't want to care about height as a first concern
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
i had it set to a max-width of 700rem already due to the ability for it to go no larger than the resolution of the image
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
You know, the chrome css podcast channel on youtube just did an overflow video and they didn't even mention this which i'm sure comes up all of the time in some way. Not like there's a shortage of image galleries on the web
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
I'll give that a look.
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
i can see how that could cause an issue. snxxwyy, you're super helpful and super smart and i've only been in this discord a few times but I definitely remember your screen name from before so thanks from then and again now for being super clutch and helpful
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
Oh right. they are inline. and that caused a line break somehow because it was using the max width?
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
are images like inline-block by default or something?
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
because it definitely worked. i don't understand
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
how did that work
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
the inspector finally shows it correctly
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
it numerically looks accurate now. there's only like 1-2 pixels of slop at the bottom for some reason now
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
it was that snxxwyy
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
when it was 16px it was cummulatively 48+ pixels lost on the page and these folks have some bad browsers
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
But i think i can work with this. I'll just fudge it with a center vertical align on the element and pretend the tiny 1-2px gap left isn't there
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
this is the trickiest CSS design i've ever had to do :\
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
it was a full font-height at the bottom when i had the clamp set the same for height and width on the element, but now that i set height to auto it seems closer to the expected behavior.
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
i changed the aspect-ratio to 1/1 and set height to auto and now the gap is very small
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/30/2023 in #front-end
I can't get rid of 12 extra pixels below an image and it's not vspace, margin, or a whitespace node
I think it's something to do with the clamp I had set on the height for the gallery-thumb
35 replies