elbi3
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
there are other items in this flex box, as well. I'll probably just take the SCSS variable from my input width and make a div around the button that's the same width. It's hacky, but at least I'll get the responsive visual I want
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
I am very good at flex and grid, and I can make the sizing happen, I just wanted to know if the way I mentioned was a possibility
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
this is the only solution I am looking for
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
this doesn't really help me with my issue as I am trying to mirror the size of its sibling element while still allowing its sibling element to naturally shrink around its content. Flex-basis/grow isn't going to help when I don't know what to set it to
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
it's too late for me, I'm just gonna go make some svgs lol
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
I'll probably wake up in the morning, look at this conversation again, look at your codepens again, and change it to grid lol
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
we are on the same page about Grid, I am just hung up on this for some reason
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
yes I looked at it, it's good!
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
I just like the shrink-behavior of flexbox in this case
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
I feel that I am pulling you down a road to madness and I don't want you to have to put more brainpower toward this 😛
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
this is my struggle, because it shrinks to the width of the button
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
yea just the parent
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
yea I don't like that the button stretches
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
yea this is the rational choice, I just got a bug in my brain
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
oh maybe if I borrow SCSS variables from the top component and apply them to a width in the other, that might work
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
yea I'll just manually set their widths then
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
thanks : )
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
this is good enough for me, I just wanted to know if it was possible
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
literally, can one locate(?) the width of a "flex-item A" and apply it to another "flex-item B". So flex-item A still shrinks to fit its content, but flex-item B then widens to match the width of flex-item A
63 replies
KPCKevin Powell - Community
•Created by elbi3 on 6/10/2024 in #front-end
Match width sizing on flex containers?
hmm idk I guess it's a design wish, everything is where it needs to be and is responsive and all that, I just don't like that the bg shrinks on the lower button and I don't want to widen the button or, create content to make it the same width if that makes sense? I can always brute force the width with padding but I was hoping there was an answer to my question because it would be elegant idk
63 replies