Use the flex-grow and flex-shrink properties to visualize the impact these properties have within a flex container that contains other flex children. Demo file: / 31772383
Пікірлер: 26
@ChrisMochinskiMusic8 ай бұрын
I’ve been a dev for a decade. Professionally for half of that. These properties have always been a bit fuzzy to me, in spite of TONS of content I’ve consumed. Your explanation here - “three times faster” - has straight up changed my life. Total eureka moment. Thank you! MAKE MORE CONTENT!
@kushpatel99113 жыл бұрын
Great Video. Love yoour tone and speed on teaching this content! Subscribed and looking forward to more videos
@amarbugarin63934 жыл бұрын
Ty lad it rly helped me understand and comprehend flex better now I am not afraid to experiment with layout of content in a page :D
@edgarchavez5439 Жыл бұрын
Great explanation and presentation!
@matheusdecampos4304 жыл бұрын
Hell yeea, awesome content man! thank you
@BGdev3052 жыл бұрын
Very well explained!
@4.otechnologysaikumar8293 жыл бұрын
Goood explanation.............understood clearly....thank you so much.....
@essenzoffiziell84219 ай бұрын
thank for your video. God bless you
@JazmineJessica2 жыл бұрын
perfect explanation
@bilaljamaludeen65353 жыл бұрын
Thanks for the video..!!
@salemmajed9164 жыл бұрын
Hi I found the way thank you very much.
@ligmadick34014 жыл бұрын
"Display: Flex" is amazing. Why are there so less people talking about this cool feature.
@lowercaseguy35783 жыл бұрын
i think, viewport is quite easy compared to flex maybe thats the reason flex is kept on the side....
@paieu Жыл бұрын
i just started learning
@hosseinroosta51542 жыл бұрын
Thanks for great video. How did you code to automaticly figure out the width of each box?
@ChrisMochinskiMusic8 ай бұрын
I think that’s the JavaScript he mentions - the ID of each box is captured in some JS using getElementById and THEN using offsetWidth. He captures the resulting number and displays it in those little text fields with a JS variable (use “let” not “const”). Even easier with React!
@dreiigHiveSGClips3 жыл бұрын
that was helpfull no cap
@salemmajed9164 жыл бұрын
Hi Thanks for this valuable information. Sir how you can changing the width in the .
@mgerry19923 жыл бұрын
The is an inline element (i.e. its display property is set to "inline" by default), which means that the element's size is determined only by its content (that's why setting its width or height has no effect). If you want to be able to set a 's width, you need to set its display property to "inline-block" (or "block" but in that case I would use a instead).
@salemmajed9163 жыл бұрын
@@mgerry1992 Thanks you it's nice to replying .
@mastercode78514 жыл бұрын
nice nice nice pleaes keep up please make a full responsive web tutoria
@YousifAtique4 ай бұрын
4:10 what would "three times faster" mean???
@SixMinutesSmarter4 ай бұрын
That is tricky. If the browser viewport is stretching wider, the item with flex grow 3 will grow at 3 times the rate of the other flex items. I generally only use flex grow of 0 or 1.
@YousifAtique3 ай бұрын
@@SixMinutesSmarter Thanks, for your response.
@mehtabahmed60922 жыл бұрын
Thank you so much, I was really confuse I’m flex. and flex. grow especially