18:50 The flex-flow property is a shorthand property for setting both the flex-direction and flex-wrap properties. Example: .flex-container { display: flex; flex-flow: row wrap; }
Today's lecture on Flexbox was incredibly insightful - I finally feel confident in using this layout technique. Thank you for being an amazing teacher!
Bhaiya bakaayeda video pause krke puri game complete ki h...pehle hit and try krke use krta tha flex lkin ab smjhkr kra h to aur bhi easy lgg rha h....Thank you bhaiyaa...following you since 2020.
I am writing this comment when I am in the middle of the video and I can say that it is way, way difficult for some to teach like this powerful approach as Babbar Bhaia is teaching the flex box properties and secondly it is way, way batter them some of expensive paid courses. Good bless you. Bhaia.
Thank u so much sir for this game. lecture jota vakhte lagyu ke aa yad keta rese but in last picture joi ne direct tame je rite samjavyu ae yad avi jay and with in 1 or 2 second ans is ready ❤. Love u Sirrrrrrr
To be honest I have learnt Flexbox in many place but I haven't seen such a wonderful content like you. Concept to pata tha lekin align-content, flex-shrink, flex-grow insab me utna clarity nehi tha . But the way you have explained all of these concepts, maza aa gaya sach me😊
Today's lecture on Flexbox was incredibly insightful - I finally feel confident in using this layout technique. Thank you for being an amazing teacher!❤❤❤❤
In hindi Flex-flow:- agar ham chahte hai ki flex-direction and flex-wrap ek hi line me likhe aur unki values ko use kar sake to ham flex-flow propertie ka use karte hai Ex Flex-flow: flex-direction flex wrap; Flex-flow:-row-reverse wrap;
Assalamoalaikom dear sir Hope you will be fine After solving this game Alhamdulillah I have gained a lot of content from this You are great sir I am following your series It is helpful dear sir I hope that I will be a full stack web developer after watching your full series You are requested to continue it till completion. Thanks 👍 alot May Allah give the success in this life and in the life hereafter Ameen
i watched shraddha didi flexbox lectures, but i was unable to understand them from her, so i youtube and watched your video,,,, i have completely understood it now,,,thanks bhaiyaaa
आपने बहुत अच्छे व विस्तार से इस विषय को समझाया है। मुझे आपके पड़ाने का तरीक़ा बहुत पसंद आया। मैं आपको धन्यवाद देने व आभार व्यक्त करने के लिए आपके वीडियो को लाइक व आपके चैनल को सब्सक्राइब कर रहा हूँ।
very amazing lecture and enjoy the game complete it but i stuck in level 24 after watching your tutorial i solved it thanks sir for such amazing course keep it up
Hello sir flexbox was giving me headache from two days because I made it complex in my head but after watching your video and completing game with complete information of flexbox i think flexbox is easy property in css i tried a lot of flexbox game after that and i completed all of them in one go thankyou sir you are the great teacher your content really deserves more I think a teacher like you who focus on quality more than quantity atleast need 1 million subs
Maja aa gaya sir sab samjh aa gaya itne sare content idhar udhar se dekhne k baad bhi samjh hee nahi aa rha tha muje laga meri bas ho gayi but iss lecture ko dekhne k baad mera confidence level badh gaya ha thank you bhaiya aap itni mehnat kar rahe ho selection hote hee bhaiya apke ghar aake aapko party dunga ma and love you bhaiya.....Lecture 20 complete sir...❤❤❤❤
It took me 3 days to complete the lecture and understand this flexbox. Maybe i'm super slow learner, anyway the game was OG! and i can asure myself that, never-ever forget this flexbox propertice concept because of this game. Thank you so much Babbar bhai. Lots of love from Bangladesh❤
Thank you babbar bhai this is the best explanation ever ... mn kafi time sy flexbox smjh rhi thi lekin smjh ni arha tha Love from Pakistan💚 huge respect towards your work💗
18:50
The flex-flow property is a shorthand property for setting both the flex-direction and flex-wrap properties.
Example:
.flex-container {
display: flex;
flex-flow: row wrap;
}
Today's lecture on Flexbox was incredibly insightful - I finally feel confident in using this layout technique. Thank you for being an amazing teacher!
After watching other youtubers finally I master flex in this video. Thanks for this video it is soo relevant and smartly taught.
Bhaiya bakaayeda video pause krke puri game complete ki h...pehle hit and try krke use krta tha flex lkin ab smjhkr kra h to aur bhi easy lgg rha h....Thank you bhaiyaa...following you since 2020.
One of the best series of web dev on youtube
19:00 Flex-direction + flex-wrap = flex-flow: fd fw;
Fd = row or as your wish
Fw = Wrap or as your wish
Leve 13 another solution:)
flex-direction:row-reverse;
justify-content:center;
align-items:end;
only few commiters knew that next lecture is scheduled and the topic is RESPONSIVE DESIGN 😮😮
Really?
I am writing this comment when I am in the middle of the video and I can say that it is way, way difficult for some to teach like this powerful approach as Babbar Bhaia is teaching the flex box properties and secondly it is way, way batter them some of expensive paid courses.
Good bless you. Bhaia.
bahut saare content ke deke pr aapka padhne ka tarika bahut hi accha hai thankyou sir jii
no one can beat this content quality
The flex box game was amazing, was stuck in the 17th and 21st level but completed the rest on own, thank you
level 12 another solution:)
flex-direction:column-reverse;
justify-content:center;
justify-content:space-between
That Css make my webdev journey colour full🖍️🌈
Love you bhaiya ❤
Thank u so much sir for this game.
lecture jota vakhte lagyu ke aa yad keta rese but in last picture joi ne direct tame je rite samjavyu ae yad avi jay and with in 1 or 2 second ans is ready ❤.
Love u Sirrrrrrr
To be honest I have learnt Flexbox in many place but I haven't seen such a wonderful content like you.
Concept to pata tha lekin align-content, flex-shrink, flex-grow insab me utna clarity nehi tha . But the way you have explained all of these concepts,
maza aa gaya sach me😊
I have seen many videos on flexbox. This is the best video on flexbox which i have ever seen. Thanks Babbar Bhai
I am also
Best Video on FLEXBOX ever ❤❤❤🎉🎉🎉
Today's lecture on Flexbox was incredibly insightful - I finally feel confident in using this layout technique. Thank you for being an amazing teacher!❤❤❤❤
In hindi
Flex-flow:- agar ham chahte hai ki flex-direction and flex-wrap ek hi line me likhe aur unki values ko use kar sake to ham flex-flow propertie ka use karte hai
Ex
Flex-flow: flex-direction flex wrap;
Flex-flow:-row-reverse wrap;
19:00
The flex-flow property is a shorthand property for:
> flex-direction
> flex-wrap
flex-flow: flex-direction_value flex-wrap_value ;
flex-direction_value could be:
row
row-reverse
column
column-reverse
initial
inherit
flex-wrap_value could be:
nowrap
wrap
wrap-reverse
initial
inherit
45:00 This game was very interactive way to make us understand flexbox. Thanks bhai for this effort!!
Award-winning content: Sir, hats off to you 💯👏
good
Assalamoalaikom
dear sir
Hope you will be fine
After solving this game Alhamdulillah
I have gained a lot of content from this
You are great sir
I am following your series
It is helpful dear sir
I hope that I will be a full stack web developer after watching your full series
You are requested to continue it till completion.
Thanks 👍 alot
May Allah give the success in this life and in the life hereafter
Ameen
Are you from Pakistan?
@@Stallion_1044 yes
Walekum assalam bhai dua krta hu ap khariyat se honge
@@protongaming437 G Mai teek ho
@mjkmediahouse janab aap se milkar accha laga 🫂
Itna effort kahin bhi nahi dekhne ko milta hai. Matlab jo level set kar rahe ho na aap guruji wo bahut hi rare hai.
All the day I just look for your video notifications... Great sir
You are an amazing teacher.. It shows you took lot of pain and patience to reach this level
Level 11 of game can also solved by this method😇😉
> align-items:center;
> flex-direction:column;
> justify-content:end;
> align-items:start;
i watched shraddha didi flexbox lectures, but i was unable to understand them from her, so i youtube and watched your video,,,, i have completely understood it now,,,thanks bhaiyaaa
its amazing lecture no one can replace babbar bhaiya yarr you are amazing
Best lecture on Flexbox on Internet!!!!!💥
आपने बहुत अच्छे व विस्तार से इस विषय को समझाया है। मुझे आपके पड़ाने का तरीक़ा बहुत पसंद आया। मैं आपको धन्यवाद देने व आभार व्यक्त करने के लिए आपके वीडियो को लाइक व आपके चैनल को सब्सक्राइब कर रहा हूँ।
43:30
OG GAME!
one of the best lectures so far!
Not a single video on UA-cam better than this .... Great bro 🔥
best flex box explanation ever....bhaiya always comes with unique ways of explaining things in enjoyable
manner
flex-direction:row;
flex-wrap: nowrap;
shorthand property
flex-flow: row wrap;
Today i finally master the flex box amazing tutorial 😇
Thanks bhaiya for providing video consistenly . I am loving this course.
hats off to your dedication sir, i have gained alot in this series, keep going nd thank you very much
First, i think i didn't understand properly but after completing game i feel confident in flexbox.❤❤
Literally you always provide quality content.❤
One of the best lecture on flex 🎉❤
Great Teaching...with Great Practice with GAME!.. Literally by solving only game questions by own anyone can easily understand FLEXBOX!
kya lecture banaya hai maja aa gya bhaiya aaj tak itna badhiya lecture youtube pr nhi aaya hua hoga thank youu so much bhaiya
Best ..mark my word ..best video for understanding how flexbox works❤
Bhaiyaa Aaj jo clarity mili hai na align item or justify -content wo kahi se nahi mili thi .dil se Dhanyabaad aaapka .
very amazing lecture and enjoy the game complete it but i stuck in level 24 after watching your tutorial i solved it thanks sir for such amazing course keep it up
Hello sir flexbox was giving me headache from two days because I made it complex in my head but after watching your video and completing game with complete information of flexbox i think flexbox is easy property in css i tried a lot of flexbox game after that and i completed all of them in one go thankyou sir you are the great teacher your content really deserves more I think a teacher like you who focus on quality more than quantity atleast need 1 million subs
It was an amazing session of flexbox , Sir . Thanks for teaching in such a great and interactive way😃😃
flex-flow: flex-direction, flex-wrap;
Bhaiya is so amazing for understanding flex-box concept
Maja aa gaya sir sab samjh aa gaya itne sare content idhar udhar se dekhne k baad bhi samjh hee nahi aa rha tha muje laga meri bas ho gayi but iss lecture ko dekhne k baad mera confidence level badh gaya ha thank you bhaiya aap itni mehnat kar rahe ho selection hote hee bhaiya apke ghar aake aapko party dunga ma and love you bhaiya.....Lecture 20 complete sir...❤❤❤❤
The idea of game was just way to awesome....Appreciate your way of teachning bhaiya...Things were not clear until the game showed up
It took me 3 days to complete the lecture and understand this flexbox. Maybe i'm super slow learner, anyway the game was OG! and i can asure myself that, never-ever forget this flexbox propertice concept because of this game. Thank you so much Babbar bhai. Lots of love from Bangladesh❤
Thank you bhaiya.❤❤❤
Today we learned about Flexbox. Please upload these lecture videos on the regular basis.🙏🏻🙏🏻🙏🏻
no doubt best flex-box explaination i have ever seen 😂😂😂😂😂😂
i was having some doubts regarding align content but now all clear
best beginner friendly lectures and worth while lecture on flex boxes
Dil garden garden ho gya..m❤❤❤❤❤
the game is so cool and mind blowning to understand the flex property and all the other propertise of css and last thanku bhaiya
there is no doubt that you are the great sir , I salute you with owner.
Your dedication is next level. 👏👏👏👏
for the very first time i found the best guide on UA-cam .
ab tak ki sabhii videos me se sabse zyada maza isme ayya !!!
well done sir!
bhaiya yaar maja hee aagya , mai suru me dar raha tha ki itne saare tags hai. but, aapne jaise samjhaya sab makhan ho gya.😇🥰🥰🤩😍🙏🙏🙏🙏
Amazing lecture bhaiya. I am requesting bhaiya please upload videos on time it matters a lot. Lots of love❤❤
“Thank you bhaiyya for teaching us flexbox. I found it very useful and it has helped me improve my web development skills.” 😊
adbhut lecture hai ye.❣
💥 kya hi padhate ho bhaiya 👌
Babbar bhai simply amazing kya clean clear presentation and steps based understanding 🙏 one of the best flexbox content
Thank you babbar bhai this is the best explanation ever ... mn kafi time sy flexbox smjh rhi thi lekin smjh ni arha tha Love from Pakistan💚 huge respect towards your work💗
Best tutorial available on youtub of css flexbox.
one of the best tutor in this field and game is amazing sir..
Bhaiya please keep continue web dev series
Op Tarike se smjaya bhaiya aapne, Sb acche se Samaj me agaya Thank you So much itne Quality Lecture dene k liye ❤
bhai aapka dedication dekh ke hume motivation mil jaata hai sir
i am really thankful to you kafi confusion thi iss topic mai aaj clear ho gya well done keep grow
concept clear hogya bhaiya poora
ITNA SUNDER PADHATE HO AAP THANK YOU SO MUCH I LOVE THE WAY YOU TEACH ~~ love babbar !
O thank you so much sir , maine aaj he css complete ki the ye dekh kr concepts pure clear ho gye
Game part is best across all flexbox tutorials I have seen so far.
Best flexbox concept video ever watched! Thanks a lot.
This video makes me perfect for web development
amazing session, cleared a lot of doubts. thanks for teaching.
loved the lecture. and series.
Thanks for this amazing session on topic of flexbox . This game made it easy to revise .
Ye video ki mujhe bohot jarurat thi , Thank you Babbar Sir❤
Ekdam badhiya samjha diye bhaiya, jabardast mazaa aagya.
wow , wonderful lecture , no comparison of this lecture of other flex lectures 😄
Excellent Lecture
That GAME was just EPIC
cleared all my doubts
Thanks
🙏🙏🙏🙏🙏🙏
it was so good loved it
Thank you bhaiyaa Kafi time se confused tha flex box ko leke now I have clear understaning
Never had this much understanding of flexbox in a single video. It was just amazing.
Wow !!! Amazing content .................can't thank you enough for this !!!!!!!
The concept got more clear with the help of game ...Thank You soo much sir !
bhaiya aap se acha teacher main abhi tak nahi dekha👏🙏
Love babbar is not a name is a brand❤❤❤
This is the most amazing way of teaching. Hope you get well soon
flex-flow is a shorthand property for
-> flex-direction and flex-wrap
usage-> flex-flow: column wrap-reverse;
thankyou sir flex ko in depth mai samjane ke liye
Flexbox concept crystal clear✔It was very insightful.
Waaoohhh!!!! Playing game was very unique way of teaching flexbox🎉🎉🎉🎉🎉🎉🎉🎉🎉
superrr se uparrrr wala session👏🏻👏🏻🤘🏻
Crystal clear flexbox.🔥🔥🔥🔥🔥