Min height of content, preferred of screen with max
I'm making a landing page and I want the first section to take up full screen (or more if needed for content and padding) but also have some kind of max height, it can be a fixed number or something related to screen width if it works (like
max-height: 150vw) but at the moment I can't come up with anything.
I made a codepen and at the moment it has min-height: 100vh on the first section and in screenshot 1 you can see it works as intended, it also grows to more than 100vh if the screen is smaller than content+padding.
However, if I zoom out (screenshot 2) then it still takes up all of the screen (as expected with 100vh) and I really don't want that to happen. Is there a way to do that? I tried something like height: clamp(???, 100vh, 2000px) but I'm not sure what should go into the first argument of clamp, like ideally I'd want something like fit-content but it doesn't work....
CSS Height Control
I'm having trouble to center everything equally in a grid. For example images or short texts can break the entire flow. What could be the best solution to have everything equal even if the images are short or we have less text compare to others?
How do I go about this design?
No codepen because not sure where to start. I was thinking maybe exporting the circles as an svg and using the path as a
clip-path? But if I do that, then the green circle on the left would need to be in the image or absolutely positioned on it so not sure how well that would work
Positioning last div at end, when using flex and flex-wrap
Hi!
See screenshot for reference.
I'm banging my head against this one. I have a flex container with flex-wrap enabled. I want the last button (class "close-button") to show at the bottom right corner of the flex-container. The number of buttons in the container can be anything. ...
DisneyPlus Sliders
Hey,
I was wondering how the DisneyPlus Content Sliders work on the Startpage. Previously it was a flex box with the Video Covers as Childs that were moved in the parent with a transform. But now i canโt figure out how theese new content sliders work. Maybe it has something to do with scroll snapping but i am not sure.
I would be glad if someone could help me ๐...
