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
I have this very tricky grid which has to fill the screen without scroll bars and flow in a certain order every time without supporting a more friendly phone view. It works in this design to fulfill requirements, except for one thing, which is each image container ".gallery-thumb" is about 12 pixels too tall and I can't figure out why. I've tried the following things:
removing the whitespace nodes
collapsing the borders, margins, and padding
setting vspace to 0
changing the whitespace to nowrap
floating the elements left
setting the aspect ratio (breaks safari for some reason and also didnt work)
fixing any html validation errors in the w3 validator
setting the vertical-align to absmiddle
I don't see anything that should be causing it to overflow and I don't understand why it isn't vertically sizing correctly when the image is working fine. Please help if you can. 😫
35 replies
KPCKevin Powell - Community
•Created by jeffreytgilbert on 8/25/2023 in #front-end
Can I hire a CSS guru to make a grid that respects vertical bounds?
4 replies