i'm very close but flex grow is not working.
i have put luxury text and line and year in one container and gave display flex and the outer container gave display flex and direction column but seems like there's an problem causing flex grow to not work on line and even tho i gave space between to first container still it stays together.
codepen : https://codepen.io/kev00690/pen/zYgpNVV
12 Replies
if i gave
.line width: 100%; then it looks like this
https://codepen.io/b1mind/pen/rNXEwyO?editors=0110
Not the solution you want... but the solution I think is best š
#justUseGrid for more things
i don't understand grid properly, perhaps i never paid attention to it as developing is not my job but i'm enjoying this pain and i might look job in this field haha
let me try grid
I mean you can look at what I did, its less lines to declare than flex even.. (if thats a thing you care about)
I get overly triggered by
flex- column... Like you should probably just be using Block elements or Grid at that point
#itAlwaysDepends but most often I see people using it poorly and find its a bad habit most "flex only" people do
Understand that Flex wants to make all children "dense" by default, that is why you see people readding 100% width/height to the children. I'm not saying grow/shrink/basis are not powerful just people seem to ignore that grid most the times does what they need.sorry side tangent š
i found it
the issue was
align items baseline to parent which was progress container
i removed it and now everthing is woeking properly
i do i mean who won't less lines = more better understanding
because when you swap axis (flex col) align becomes justify vise versa.
š
another reason I don't like using flex col for no reason
just complicates the logic
ahh i see
but grid got too much padding
i think
I mean it does not add padding but yes it does fill things by default
anyway you found your fix sorry for the siderant š I do it to everyone
#solved š
it taught me new thing so i will definatly try grid sometime
can you please check out my other post
if possible
for my hero section
https://discord.com/channels/436251713830125568/1308364724962066443