PugCurl
KPCKevin Powell - Community
•Created by Wonderbear on 9/29/2023 in #front-end
dynamic size with only clamp, min and max
Well, yes. 50% could be larger than 95vw if the container is wider thus overflowing the screen. But I can't think of a design for that purpose. :p
33 replies
KPCKevin Powell - Community
•Created by Wonderbear on 9/29/2023 in #front-end
dynamic size with only clamp, min and max
To answer the question, I do not believe logic would be able to do this without a query. If min is used, 50% of the container will always be smaller than 95vw. Same with max, 95vw will always be larger than 50% of the container. And then with clamp, if 50% is used as the min value and 95vw is used as the max value, it will always grow between the values, but I can't think of a preferred value to place in the middle that would make it shrink and grow to such extremes.
33 replies
KPCKevin Powell - Community
•Created by MikeWill245 on 9/27/2023 in #front-end
recreate this layout challenge
The chaotic energy.
However, when I see two elements side-by-side, my go-to is flex—kinda like a reflex. (I'll walk myself out) Using flex on the cards themselves didn't even come to mind because margin can create the horizontal gap.
33 replies
KPCKevin Powell - Community
•Created by MikeWill245 on 9/27/2023 in #front-end
recreate this layout challenge
I actually prefer flex (like a heathen 😂 ), so I didn't even think of using grid. 😬
33 replies
KPCKevin Powell - Community
•Created by MikeWill245 on 9/27/2023 in #front-end
recreate this layout challenge
I completed this challenge and actually used responsive flex-box. Feel free to give it a once-over. 🙂
https://codepen.io/KirativeWD/pen/gOZevRR?editors=1100
33 replies