Nick
Explore posts from serversKPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
not in pixels, but i can do in vh or %?
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
on an example like this:
https://codepen.io/nwoodward/pen/MYgMpyq?editors=1010
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
do you know why something like
auto-cols-min doesn't make the col size the same as the content? or have i completely misunderstood it?40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
although i'm struggling to apply it to my project, annoyingly
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
aspect ratio does seem to be working in this example, even at different screen heights: https://codepen.io/nwoodward/pen/VYZJjdJ?editors=1010
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
gap-[2%]?
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
*turns out it's just a fluke that this works 😄
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
yeah I think this is it - the idea that if all the images are the same aspect ratio, the grid can just be given the same aspect ratio
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
*w-fit
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
i'm just surprised there isn't a way to shrink the columns to fit the content?
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
nah, the number of rows can be set manually, don't mind doing that
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
yeah that might be a way to do it - just eyeball the aspect
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
40 replies
KPCKevin Powell - Community
•Created by Nick on 2/5/2025 in #front-end
CSS grid that's constrained vertically
So right now your example expands and contracts with the width of the screen, with any overflow of the viewport being vertical.
I'm after the opposite if possible - I'd like the grid to expand and contract with the height of the screen, with any overflow of the viewport being horizontal (if you look at the examples with the red backgrounds, none of them overflow vertically)
40 replies