Complete FLEXBOX in 1 Video || Episode - 20

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น •

  • @ashishsharma7465
    @ashishsharma7465 ปีที่แล้ว +8

    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.

    • @EnvoiTube
      @EnvoiTube 3 วันที่ผ่านมา

      h

  • @the_haryannvi_coder
    @the_haryannvi_coder ปีที่แล้ว +60

    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;
    }

  • @debadyutimondal2659
    @debadyutimondal2659 ปีที่แล้ว +34

    After watching other youtubers finally I master flex in this video. Thanks for this video it is soo relevant and smartly taught.

  • @fachoyt9686
    @fachoyt9686 ปีที่แล้ว +38

    Today's lecture on Flexbox was incredibly insightful - I finally feel confident in using this layout technique. Thank you for being an amazing teacher!

  • @secularguy________
    @secularguy________ ปีที่แล้ว +11

    no one can beat this content quality

  • @Younus_khan_1537
    @Younus_khan_1537 ปีที่แล้ว +3

    One of the best series of web dev on youtube

  • @yp_016
    @yp_016 11 หลายเดือนก่อน +2

    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

  • @ajayvishwakarma1405
    @ajayvishwakarma1405 ปีที่แล้ว +1

    Itna effort kahin bhi nahi dekhne ko milta hai. Matlab jo level set kar rahe ho na aap guruji wo bahut hi rare hai.

  • @shashankkumarpandey4184
    @shashankkumarpandey4184 ปีที่แล้ว +8

    The flex box game was amazing, was stuck in the 17th and 21st level but completed the rest on own, thank you

  • @Aman_Shrivastavaa
    @Aman_Shrivastavaa ปีที่แล้ว +10

    19:00 Flex-direction + flex-wrap = flex-flow: fd fw;
    Fd = row or as your wish
    Fw = Wrap or as your wish

  • @IslamEcho
    @IslamEcho ปีที่แล้ว +4

    Leve 13 another solution:)
    flex-direction:row-reverse;
    justify-content:center;
    align-items:end;

  • @niteshkuswaha9356
    @niteshkuswaha9356 หลายเดือนก่อน +2

    bahut saare content ke deke pr aapka padhne ka tarika bahut hi accha hai thankyou sir jii

  • @shahi_nawab
    @shahi_nawab 4 หลายเดือนก่อน +2

    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

  • @dywa_varaprasad
    @dywa_varaprasad ปีที่แล้ว +31

    only few commiters knew that next lecture is scheduled and the topic is RESPONSIVE DESIGN 😮😮

  • @mohdali-yq8gq
    @mohdali-yq8gq ปีที่แล้ว +18

    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.

  • @sakibulislam56
    @sakibulislam56 ปีที่แล้ว +5

    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😊

  • @IslamEcho
    @IslamEcho ปีที่แล้ว +3

    level 12 another solution:)
    flex-direction:column-reverse;
    justify-content:center;
    justify-content:space-between

  • @adityapratappal
    @adityapratappal ปีที่แล้ว +10

    That Css make my webdev journey colour full🖍️🌈
    Love you bhaiya ❤

  • @nitinrawat5061
    @nitinrawat5061 9 หลายเดือนก่อน

    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

  • @pranav_arya
    @pranav_arya ปีที่แล้ว +3

    I have seen many videos on flexbox. This is the best video on flexbox which i have ever seen. Thanks Babbar Bhai

  • @codewithahk
    @codewithahk 10 หลายเดือนก่อน +1

    Today i finally master the flex box amazing tutorial 😇

  • @ASHUTOSHMISHRA-c4b8r
    @ASHUTOSHMISHRA-c4b8r ปีที่แล้ว +2

    its amazing lecture no one can replace babbar bhaiya yarr you are amazing

  • @shubhamkumarjha9192
    @shubhamkumarjha9192 ปีที่แล้ว

    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...❤❤❤❤

  • @faiza_aiza
    @faiza_aiza 10 หลายเดือนก่อน +3

    Award-winning content: Sir, hats off to you 💯👏

  • @S_slog
    @S_slog ปีที่แล้ว

    O thank you so much sir , maine aaj he css complete ki the ye dekh kr concepts pure clear ho gye

  • @jassmanak9648
    @jassmanak9648 7 หลายเดือนก่อน

    kya lecture banaya hai maja aa gya bhaiya aaj tak itna badhiya lecture youtube pr nhi aaya hua hoga thank youu so much bhaiya

  • @hamdardkhan-i2v
    @hamdardkhan-i2v ปีที่แล้ว +1

    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

  • @Niki_0011
    @Niki_0011 10 หลายเดือนก่อน +1

    First, i think i didn't understand properly but after completing game i feel confident in flexbox.❤❤
    Literally you always provide quality content.❤

  • @thextremegamerspoint4175
    @thextremegamerspoint4175 7 หลายเดือนก่อน

    bhaiya yaar maja hee aagya , mai suru me dar raha tha ki itne saare tags hai. but, aapne jaise samjhaya sab makhan ho gya.😇🥰🥰🤩😍🙏🙏🙏🙏

  • @aizazkhan2583
    @aizazkhan2583 ปีที่แล้ว +3

    All the day I just look for your video notifications... Great sir

  • @vishalnagda7
    @vishalnagda7 ปีที่แล้ว

    आपने बहुत अच्छे व विस्तार से इस विषय को समझाया है। मुझे आपके पड़ाने का तरीक़ा बहुत पसंद आया। मैं आपको धन्यवाद देने व आभार व्यक्त करने के लिए आपके वीडियो को लाइक व आपके चैनल को सब्सक्राइब कर रहा हूँ।

  • @sushantbhardwaj556
    @sushantbhardwaj556 ปีที่แล้ว +1

    Best Video on FLEXBOX ever ❤❤❤🎉🎉🎉

  • @the_haryannvi_coder
    @the_haryannvi_coder ปีที่แล้ว +3

    45:00 This game was very interactive way to make us understand flexbox. Thanks bhai for this effort!!

  • @avinash3701
    @avinash3701 ปีที่แล้ว

    Bhaiyaa Aaj jo clarity mili hai na align item or justify -content wo kahi se nahi mili thi .dil se Dhanyabaad aaapka .

  • @varchasvakhatter9694
    @varchasvakhatter9694 ปีที่แล้ว

    bhut sahi bhaiya! aur i didn't believe at first ki ye fruit flex wala game khud se create kiya hai apne! what an idea that too free on youtube i dont think itna koi paid course me bhi kara rha hoga. One word, Grateful.

  • @Younus_khan_1537
    @Younus_khan_1537 ปีที่แล้ว +2

    hats off to your dedication sir, i have gained alot in this series, keep going nd thank you very much

  • @gauravkumar-he6lv
    @gauravkumar-he6lv ปีที่แล้ว +1

    flex-flow: flex-direction, flex-wrap;
    Bhaiya is so amazing for understanding flex-box concept

  • @smit_XD
    @smit_XD ปีที่แล้ว +1

    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

  • @rahulluckwal2440
    @rahulluckwal2440 หลายเดือนก่อน

    Best ..mark my word ..best video for understanding how flexbox works❤

  • @rahulgopalka2403
    @rahulgopalka2403 ปีที่แล้ว +3

    Thanks bhaiya for providing video consistenly . I am loving this course.

  • @krishnamishra3356
    @krishnamishra3356 ปีที่แล้ว +2

    the game is so cool and mind blowning to understand the flex property and all the other propertise of css and last thanku bhaiya

  • @shrutikbhavsar2735
    @shrutikbhavsar2735 7 หลายเดือนก่อน +1

    One of the best lecture on flex 🎉❤

  • @krrishgangajaliya5742
    @krrishgangajaliya5742 ปีที่แล้ว

    ab tak ki sabhii videos me se sabse zyada maza isme ayya !!!
    well done sir!

  • @akashvenu359
    @akashvenu359 ปีที่แล้ว +1

    You are an amazing teacher.. It shows you took lot of pain and patience to reach this level

  • @baisakhimama
    @baisakhimama 11 หลายเดือนก่อน

    for the very first time i found the best guide on TH-cam .

  • @mayurmundankar7352
    @mayurmundankar7352 ปีที่แล้ว +1

    Best lecture on Flexbox on Internet!!!!!💥

  • @yogeshprajapati769
    @yogeshprajapati769 ปีที่แล้ว

    i am really thankful to you kafi confusion thi iss topic mai aaj clear ho gya well done keep grow

  • @maheshsonnari8013
    @maheshsonnari8013 ปีที่แล้ว

    bhai aapka dedication dekh ke hume motivation mil jaata hai sir

  • @ahmar__0085
    @ahmar__0085 ปีที่แล้ว +1

    The idea of game was just way to awesome....Appreciate your way of teachning bhaiya...Things were not clear until the game showed up

  • @mohdshaqib1693
    @mohdshaqib1693 ปีที่แล้ว

    there is no doubt that you are the great sir , I salute you with owner.

  • @rajan0756
    @rajan0756 ปีที่แล้ว +2

    Not a single video on TH-cam better than this .... Great bro 🔥

  • @AkshayGoswami-i3g
    @AkshayGoswami-i3g ปีที่แล้ว +1

    Amazing lecture bhaiya. I am requesting bhaiya please upload videos on time it matters a lot. Lots of love❤❤

  • @sayandeepsadhukhan5016
    @sayandeepsadhukhan5016 ปีที่แล้ว +1

    Dil garden garden ho gya..m❤❤❤❤❤

  • @chotuprajapat896
    @chotuprajapat896 ปีที่แล้ว +1

    thankyou sir flex ko in depth mai samjane ke liye

  • @ayushkamar7100
    @ayushkamar7100 ปีที่แล้ว +2

    Sir plz hath jod k request hai. Last 2 din m css end ker do js padni hain aapse plz sir ❤❤ love you bhaiya ❤

  • @nandanirajput2102
    @nandanirajput2102 ปีที่แล้ว +1

    best flex box explanation ever....bhaiya always comes with unique ways of explaining things in enjoyable
    manner

  • @eurus1432
    @eurus1432 ปีที่แล้ว +1

    💥 kya hi padhate ho bhaiya 👌

  • @sagardabhi7125
    @sagardabhi7125 ปีที่แล้ว

    Op Tarike se smjaya bhaiya aapne, Sb acche se Samaj me agaya Thank you So much itne Quality Lecture dene k liye ❤

  • @gangourdress711
    @gangourdress711 24 วันที่ผ่านมา

    Flex flow property is short notation for two properties:
    1) flex - direction
    2) flex-wrap
    Example : flex-flow : row wrap.

  • @RupaKumari-m3v5u
    @RupaKumari-m3v5u หลายเดือนก่อน

    19:00 Flex-flow: is a shorthand notation property which specifies the direction of flex container as well as wrapping behaviour

  • @akshortsentertainment4976
    @akshortsentertainment4976 2 หลายเดือนก่อน

    sir mene eti classes li samj aaya but doubt aaye bhot sare lekin aapne to doubt aane nhi diye khud se hi sab bta diya thank you so much sir aaj laga hai ki aata hai

  • @kishan5036
    @kishan5036 6 หลายเดือนก่อน

    one of the best tutor in this field and game is amazing sir..

  • @ManojKumar-cv2yi
    @ManojKumar-cv2yi ปีที่แล้ว +1

    adbhut lecture hai ye.❣

  • @mohanjiverma9412
    @mohanjiverma9412 6 หลายเดือนก่อน +1

    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;

  • @paraswaghela8077
    @paraswaghela8077 ปีที่แล้ว +1

    Great Teaching...with Great Practice with GAME!.. Literally by solving only game questions by own anyone can easily understand FLEXBOX!

  • @kaush637
    @kaush637 ปีที่แล้ว

    Game part is best across all flexbox tutorials I have seen so far.

  • @AmanKumar-xr3up
    @AmanKumar-xr3up ปีที่แล้ว

    Ekdam badhiya samjha diye bhaiya, jabardast mazaa aagya.

  • @dirtrider2899
    @dirtrider2899 ปีที่แล้ว

    43:30
    OG GAME!
    one of the best lectures so far!

  • @bharath8017
    @bharath8017 ปีที่แล้ว

    bhaiya aap se acha teacher main abhi tak nahi dekha👏🙏

  • @richaprakash3807
    @richaprakash3807 ปีที่แล้ว +1

    this game was amazing i have done all 24 levels and learned all concepts

  • @BhaveshMulchandani1
    @BhaveshMulchandani1 ปีที่แล้ว

    bhaiya maza pad ke kal game khel ke tag karta hu aapko linked in pe bas aap roz ese hi padate raho aur daily video upload karte raho aur jab koi achi company me place ho jaaun tab aapse milna bhi h or aapko party bhi deni h . .thank you for this😊

  • @rahulchaubey7176
    @rahulchaubey7176 ปีที่แล้ว +1

    Your dedication is next level. 👏👏👏👏

  • @anjanmishra6454
    @anjanmishra6454 ปีที่แล้ว

    Babbar bhai simply amazing kya clean clear presentation and steps based understanding 🙏 one of the best flexbox content

  • @IslamEcho
    @IslamEcho ปีที่แล้ว +2

    Level 11 of game can also solved by this method😇😉
    > align-items:center;
    > flex-direction:column;
    > justify-content:end;
    > align-items:start;

  • @arpitkumarsatapathy597
    @arpitkumarsatapathy597 ปีที่แล้ว

    wo no.20 wala task flex-flow shorthand notation ko revise krne keliye tha... isiliye usme ek hi line diya tha code likhne keliye. & mujhe wo 22 and 24 wala task thoda tricky laga... baki sab hogaya khud se😁 that game really helped alot

  • @Mr.vinay.1945
    @Mr.vinay.1945 ปีที่แล้ว

    flex-direction:row;
    flex-wrap: nowrap;
    shorthand property
    flex-flow: row wrap;

  • @SurajMukhiya-x5c
    @SurajMukhiya-x5c 7 หลายเดือนก่อน

    Bahut Maja Aa Raha hai vaiya. Thank you vaiya form bottom of the heart.

  • @veertavarrajput5921
    @veertavarrajput5921 ปีที่แล้ว

    Thank you bhaiyaa Kafi time se confused tha flex box ko leke now I have clear understaning

  • @sahilchandwani4002
    @sahilchandwani4002 ปีที่แล้ว +1

    Ye video ki mujhe bohot jarurat thi , Thank you Babbar Sir❤

  • @shiveshgupta1705
    @shiveshgupta1705 7 หลายเดือนก่อน

    wow , wonderful lecture , no comparison of this lecture of other flex lectures 😄

  • @sejalshimpi1036
    @sejalshimpi1036 6 หลายเดือนก่อน

    The concept got more clear with the help of game ...Thank You soo much sir !

  • @adityaanand1912
    @adityaanand1912 ปีที่แล้ว +1

    concept clear hogya bhaiya poora

  • @learn_in_shorts
    @learn_in_shorts ปีที่แล้ว +1

    Bhaiya to be honest mey game wale sare questions khudse kiye and jinmey se 2 nahi ho paya and nearly 1hrs lag gye but it helpful for me and for other students as well😊

  • @kuldeepSingh53555
    @kuldeepSingh53555 ปีที่แล้ว

    love bhaiya ne itne badiya tarike se sikhayabhai ki kya batau😁😄

  • @riteshKumarWebDeveloper
    @riteshKumarWebDeveloper ปีที่แล้ว +1

    Great lecture and the game is great too, thank you bhaiya

  • @sawerasajid4309
    @sawerasajid4309 10 หลายเดือนก่อน

    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💗

  • @Shahbaz78622
    @Shahbaz78622 ปีที่แล้ว +2

    This video makes me perfect for web development

  • @Thegothicdude-n5s
    @Thegothicdude-n5s ปีที่แล้ว

    ITNA SUNDER PADHATE HO AAP THANK YOU SO MUCH I LOVE THE WAY YOU TEACH ~~ love babbar !

  • @sukritiguin5637
    @sukritiguin5637 ปีที่แล้ว

    Best tutorial available on youtub of css flexbox.

  • @anandkalyanji
    @anandkalyanji ปีที่แล้ว +4

    Thanks for this amazing session on topic of flexbox . This game made it easy to revise .

  • @technicalfriend8517
    @technicalfriend8517 4 หลายเดือนก่อน

    Bohat bariya bhai maza agaya khas tor par game to next level hai

  • @Ankitaalilttlegirl
    @Ankitaalilttlegirl 6 หลายเดือนก่อน

    This is such a wholesome lecture bhaiya ...Thankyou so much for such amazing content.

  • @Engineering_student_2026
    @Engineering_student_2026 ปีที่แล้ว +3

    Today's lecture on Flexbox was incredibly insightful - I finally feel confident in using this layout technique. Thank you for being an amazing teacher!❤❤❤❤

  • @msrilalith2292
    @msrilalith2292 ปีที่แล้ว +1

    best beginner friendly lectures and worth while lecture on flex boxes

  • @hustlewithnik
    @hustlewithnik ปีที่แล้ว

    Waaoohhh!!!! Playing game was very unique way of teaching flexbox🎉🎉🎉🎉🎉🎉🎉🎉🎉

  • @sahityasahil885
    @sahityasahil885 ปีที่แล้ว

    Best flexbox concept video ever watched! Thanks a lot.

  • @satvikchauhan85
    @satvikchauhan85 ปีที่แล้ว +1

    Really amazing session
    The game made it more fun I would say as I tried playing myself
    Maza aya🔥🔥🔥

  • @sushantravate4820
    @sushantravate4820 ปีที่แล้ว

    “Thank you bhaiyya for teaching us flexbox. I found it very useful and it has helped me improve my web development skills.” 😊

  • @nishu20501
    @nishu20501 ปีที่แล้ว +1

    amazing session, cleared a lot of doubts. thanks for teaching.
    loved the lecture. and series.

  • @praveentiwari629
    @praveentiwari629 ปีที่แล้ว +1

    Wow !!! Amazing content .................can't thank you enough for this !!!!!!!