CSS Flexbox - Ultimate MasterClass | Sigma Web Development Course - Tutorial #38

Поділитися
Вставка
  • Опубліковано 12 січ 2025

КОМЕНТАРІ • 2,2 тис.

  • @infinite2_50
    @infinite2_50 Рік тому +274

    You are legend brother lot of people getting jobs through your videos and non tech background students also refer your videos to learn coding. Thank you so much for these free resources. You are teaching in very efficient way that everyone can get understand very easily. 🙏

  • @amitvishwakarma558
    @amitvishwakarma558 9 місяців тому +48

    harry bhai :-video chodke jaa sakte hoo .....😶‍🌫
    his mind:- (processing 🤔) abe kya boldiya😬 ..correct kr usse
    harry bhai:- magar jana mat chodke aage bhot kuch bataunga🤣..
    btw I am loving this course bro

  • @Vilakshan_pal
    @Vilakshan_pal Рік тому +95

    The best Flexbox tutorial I've seen till now
    Thank you Harry bhai!

  • @shubhambharadwaj2025
    @shubhambharadwaj2025 Місяць тому +4

    Notice: everyone needs to practice and understand the code from the video otherwise you will end up having errors like i had but i am improving day by day.Harry bhai is teaching top notch no doubt and he is raising bar as he said.Hats off

  • @RASTUDIO_0
    @RASTUDIO_0 4 місяці тому +9

    This CSS tutorial much better than many of online paid courses but Harry sir make free of cost this premium content...
    Thank You so much...
    This course is the one of the great course on UA-cam..

  • @bingevitality9754
    @bingevitality9754 Рік тому +68

    me kahi or se CSS padh raha tha lekin at the end flexbox seekhne k liye aana hi pada yaha pe , appreciate your efforts bhai

  • @-.-_._--
    @-.-_._-- Рік тому +93

    What makes Harry's tutorials different to most other ones is that he also tells about the real world use cases

    • @suvo910
      @suvo910 11 місяців тому +2

      But consistency milega Harry vai sei😂

    • @gauravswami6213
      @gauravswami6213 11 місяців тому +1

      ofcourse not a single youtuber will tell that there will be no issue if you leave the video here

  • @jagdishyadav1686
    @jagdishyadav1686 Рік тому +13

    Literally maine apne 2 sal ke web development me aisa nahi smjha you are legend bro love you from heart

  • @codewithsakti8197
    @codewithsakti8197 2 дні тому +1

    In half an hour, I learnt so many things . thanks.

  • @billwallislambivan
    @billwallislambivan 11 місяців тому +3

    Harry bhai i am from Bangladesh. I follow you ..and i am so happy to have found you as my teacher. I have no words to explain to you how much you helped me to learn web development . Love you harry bhai from Bangladesh 🇧🇩🇧🇩🇧🇩

  • @anshaditi-g4m
    @anshaditi-g4m Рік тому +54

    Sigma Batch OP........I blindly follow your channel since last year from C programming to Web Development to DSA and many more......Nobody can reach your level sir......heads off to you sir....🥰🥰🥰

  • @pulkitgandhi9545
    @pulkitgandhi9545 Рік тому +12

    Amazing Video, I learnt CSS from you around 1.5 years back from your CSS in one video. Just one note for all the beginners here - FLEX PROPERTIES are supposed to be applied on the parent element (container) and not on the individual elements. If you understand this, 50% of the flexbox is cake for you

    • @SiddharthSharma-cp5vk
      @SiddharthSharma-cp5vk Рік тому +1

      lamo dedd

    • @backdoorguy1
      @backdoorguy1 8 місяців тому +1

      just three properties for items: flex-grow/flex-shrink (hardly ever used), and align-self (self explanatory with the self keyword) to align individual item

    • @deepanshu_sharma45
      @deepanshu_sharma45 3 місяці тому

      so, bro now you doing any job?

  • @sunnyyadav1870
    @sunnyyadav1870 Рік тому +8

    The guru who give us real world knowledge along with 100% content just in 30min...❤

  • @adeelnadeem5913
    @adeelnadeem5913 11 місяців тому +2

    You are legend brother lot of people getting jobs through your videos and non tech background students also refer your videos to learn coding. Thank you so much for these free resources. You are teaching in very efficient way that everyone can get understand very easily. 🙏

  • @Yash-o8v1r
    @Yash-o8v1r 8 днів тому +1

    i am 13 and i am easily able to understand his lessons. greatest teacher ever.

  • @AwaisMughalFans
    @AwaisMughalFans Рік тому +20

    Not only like. I love this course the most ❤

  • @ManishKushwaha36
    @ManishKushwaha36 10 місяців тому +3

    0:45 Sigma Batch OP.
    13:18 Barabar hai bhai.
    thank you for valuable things you teach us.!

  • @AnshumanPM
    @AnshumanPM Рік тому +25

    Sigma Batch OP 🔥

  • @shortflicks83
    @shortflicks83 4 місяці тому +2

    Amazing job man I join an organizaation as a software engineer and I forget css but you in just 27 minutes teach me a lot

  • @lakshyarajdash
    @lakshyarajdash 8 місяців тому +2

    I designed my portfolio only by using flexbox and grid videos. Thanks Harry bhai. You're the real legend of coding. I'm a legend of coding in my school due to your videos. Hats off Harry bhai❤

  • @akhandbharat590
    @akhandbharat590 3 місяці тому +5

    Summary of video
    .container{
    Display:flex;
    Justify-content:center or space around or space evenly or start or end etc.... ;
    Align -item:center;
    When two or three row use then we use---
    Align-content:center;
    Flex-direction{
    Column;
    Or row;
    }
    Flex-wrap{
    Wrap or no-wrap ;
    }
    Flex-flow{
    Row-wrap
    Or column wrap;
    }
    Gap: 1st row gap & 2nd column gap;
    OR USE INDIVIDUAL VALUE
    row-gap: __px;
    Column-gap:___px;
    PROPERTY USE IN ITEM--
    JISKA ORDER KAM WO PAHLE AYGA & JISKA ORDER JYDA WO LAST ME AYGA.
    Order:1,2,3 etc...;
    Flex-grow{ 2;
    }--- MEANS AK ITEM DO KI JAGAH LEGA
    Flex-srink: 2;--ye item 2x speed se chota hoga when you srink the screen
    Align-self: flex star, flex end;
    MEANS--KISI INDIVIUAL BOX KO ALIGN KERNA HOGA TO ISS PROPERTY KA ISE KRENGE ..
    }

  • @sadiyafirdouspatel620
    @sadiyafirdouspatel620 Рік тому +19

    Flexbox perfectly covered and understood #HarryBhai #SigmaBatchOp ❤️❤️ Top Notch Quality Content Bro

  • @aizajsamani8894
    @aizajsamani8894 11 місяців тому +9

    Barobar 13:17

  • @PahadiChan05
    @PahadiChan05 3 місяці тому +2

    I have watched many videos abt display flex but didntunderstand the topic but here i cleary understood the concept and also, now i am satisfied that ik what is display flex and how to use it

  • @neutral776
    @neutral776 8 місяців тому +3

    that was the best part of the course so far, I mean so far it was awesome, but this particular video was next level and it made flex box intuitive for me..

  • @swastikachatterjee8814
    @swastikachatterjee8814 Рік тому +18

    YAY! VERY VERY EXCITED! #SIGMABATCHOP! THANK YOU FOR THE NEW VIDEO SIR❤️🙏

  • @ishantsharma8139
    @ishantsharma8139 Рік тому +10

    Your teaching style is god level ❤

  • @khizraiqbal-b8l
    @khizraiqbal-b8l 5 місяців тому +1

    you are such an amzing brother ever in my IT field now i got it this concept finally after 2 days of searching oh my feeling i can't tell you but now i am very happy after this video thank you harry bhai from your subscribers

  • @abhishekanand8574
    @abhishekanand8574 11 місяців тому +4

    Harry bhaiya generally people thinks that paid courses offer more but you are going to prove it false. After some time people would realize the value of this content and then your each video would have views in millions. 😊😊😊💝💖💝💖💝💖💝💖

  • @infinitytoinfinity462
    @infinitytoinfinity462 4 місяці тому +3

    One on the greatest explanation on flexbox in CSS 🎉

  • @Money-i5p
    @Money-i5p Рік тому +7

    Hello Harry bhai !
    I hope this message finds you well. I wanted to express my gratitude for providing such valuable content on cs and programming. Your resources have been instrumental in my journey as a student of CS aspiring to become a successful developer . Your dedication to education and sharing knowledge is truly commendable.
    Thank you for offering top-notch content for free, and for being a guiding light for aspiring students like me. Your contributions make a significant difference in the learning community.
    Warm regards,
    Mohit
    #sigmaBatchOp

  • @motivatainmenthub...5062
    @motivatainmenthub...5062 11 місяців тому +1

    harry is hero by nature and character also...fun and learning at same time . SIGMA BATCH OP

  • @mughiraasad469
    @mughiraasad469 5 місяців тому +2

    I want to give you a medal #1 for this video

  • @kumarudi
    @kumarudi Рік тому +7

    Seriously Waiting This Sir❤❤

  • @anirudhsharma5575
    @anirudhsharma5575 Рік тому +24

    Sigma batch op

  • @Shrey.17
    @Shrey.17 Рік тому +6

    Eagerly waiting for today's Video 🥺

  • @nehasaini5517
    @nehasaini5517 6 місяців тому +1

    Best thing about your videos is....I never feel bored. Seeing Your high energy I also get energy. 😁
    Keep it up Sir Your videos are really helpful. You are supporting career of thousands of students . Thank you so much 🙏🙏

  • @AsadUllah-l8y8o
    @AsadUllah-l8y8o Рік тому +14

    Awesome sir . Very impressive , I am from Pakistan. And alot of my friends watch your content , I have no words to explain you . I have just one request for you sir that complete all the required things that are needed for a person to become a full stack developer and become independent . Cover the techs like js , js es6 , react , node , git and GitHub, and a suitable database for these languages . Also do some real projects using these languages and techs. ❤❤❤ great love from pakistan

  • @NIMahin
    @NIMahin Рік тому +5

    Best instructor 💯💪❤️

  • @vasu2239
    @vasu2239 Рік тому +115

    Kis kis ne ye video 2-3 baar dekha h😊

    • @Krishna_Shukla_371
      @Krishna_Shukla_371 9 місяців тому +2

      4 bar😂😂

    • @UjjwalSharma.861
      @UjjwalSharma.861 9 місяців тому +5

      ​@@Krishna_Shukla_371bro main to sem exam se pehle krke gya tha js tk ab waps se recallation krrha😂

    • @youtubemofi
      @youtubemofi 8 місяців тому +4

      6 times💀🫶🏻

    • @OxxLewran
      @OxxLewran 7 місяців тому +1

      11 ti😊

    • @Kachhu-v5y
      @Kachhu-v5y 7 місяців тому +10

      Bhai only one time dekha + execution + note writing= better understanding + more time investment

  • @sajalgupta2204
    @sajalgupta2204 11 місяців тому

    It is by far the most comprehensive, detailed and to the point tutorial on Flex-Box Model
    Thank you harry sir. #SigmaBatchOP.

  • @DipakkumarSahoo-yg2vq
    @DipakkumarSahoo-yg2vq 4 місяці тому

    Before I don't understand flexbox property, after seeing your video i understand it very easily ,tq sir 😊😊

  • @RehanPathan-3221
    @RehanPathan-3221 Рік тому +9

    I'am looking forward to exploring more tutorials from this series and applying these newfound skills to my web development projects. Kudos to Sigma Web Development Course for creating such an invaluable resource for the developer community! 🌟💻 #CSSFlexbox #WebDevelopment #SigmaWebDevelopmentCourse #SigmaBatchOp #BarobarHaiHarryBhai

    • @RehanPathan-3221
      @RehanPathan-3221 Рік тому +2

      @CodeWithHarry: Harry Bhai, sending you healing thoughts and positive vibes. Wishing you a swift recovery. Get well soon! 💐🌟 #GetWellSoon #SendingLoveAndHealingVibes #4|11|23

  • @amannegi2016
    @amannegi2016 Рік тому +6

    Tq harry bhya❤

  • @salman_shady
    @salman_shady Рік тому +5

    Harry Bhai ❤❤

  • @heyyshaheer21
    @heyyshaheer21 4 місяці тому

    bro your course is best
    bacause i have tried many other free courses but yours is the best
    and you make us to coding learn way easier
    #sigma batch op

  • @AmusedCello-dp7np
    @AmusedCello-dp7np 27 днів тому

    bhai bohot saradin mane gap diye hai exam ke liya isliya samajneme thoda muskile ho raha hai but bhai firse comback karaha hu you are the best harry

  • @sumedhtayade821
    @sumedhtayade821 Рік тому +8

    First like bhai

    • @RishiRajxtrim
      @RishiRajxtrim Рік тому

      Humne to aapke Like ko bhi like kar liya.
      You win!!🎉

  • @SafiUllahkhan331
    @SafiUllahkhan331 7 місяців тому

    In my openion this was the most comprehensive video about CSS flex box
    thank you

  • @NasikAhmmedNirob
    @NasikAhmmedNirob 3 місяці тому

    16:48 summary actually nice

  • @MSIUser2012
    @MSIUser2012 5 місяців тому

    Although I had experience in CSS, but I always used bootstrap and didn't have enough knowledge regarding flexbox. This video is the best on flexbox and I can confidently add flex boxes to my pages now. Thank you Harry bhai, this course is just too awesome.
    #SigmaBatchOP

  • @iislamic_worlld
    @iislamic_worlld 5 місяців тому +1

    13:22 baro bar hai harrry bhaiii 😍😍

  • @NasikAhmmedNirob
    @NasikAhmmedNirob 3 місяці тому +1

    12:08 main axis and cross axis confusion when we code justify center , it will always follow main axix , horizon and vertical doesn't matter

  • @malikfahad007-l3p
    @malikfahad007-l3p 8 місяців тому +1

    Sigma batch op 🥀🥀🥀💯💯💯❤️‍🩹❤️‍🩹
    Bahot maza aya aur pehli video mein hi smg lag gai achy say thanku harry bhai

  • @arfan6108
    @arfan6108 5 місяців тому +1

    harry is the legend we all want to become the ideal indian guy tutorial man!!

  • @prashantpandey9049
    @prashantpandey9049 5 місяців тому

    harry bhai op and sigma batch to bawal🔥. This is the best video on flex-box , like its unbeliveable ki inti assani se bhi samjha ja sakta hai hats off to you harry bhai

  • @NishantKumar_N
    @NishantKumar_N 9 місяців тому

    maja aa gaya iss video ko dekhkar, ek hi baar me accha se samajh me aa gaya. bahut shandar explanation hai.

  • @AKshProgramming
    @AKshProgramming Місяць тому

    thanks for explaining flexbox in such an easy way...

  • @imbatman3172
    @imbatman3172 4 місяці тому

    Ek hi dil he kitni bar jitoge harry bhai 🙌🏻

  • @thuldaivines2864
    @thuldaivines2864 11 місяців тому

    sigma batch op . Thank you harry vai. My dream as a web developer comes true.

  • @MotivationS12892
    @MotivationS12892 2 місяці тому

    Sigma batch op and our harry bhaiya is legend thanks a lot for provide free sigma batch ❤❤❤❤

  • @abhishekbharti704
    @abhishekbharti704 5 місяців тому

    Best Video of FlexBox on internet! Period!

  • @relaxing4k816
    @relaxing4k816 4 місяці тому

    You r giving your 100% and its real sigma op harry bhai dil se thanks ❤❤❤❤

  • @neutral776
    @neutral776 8 місяців тому

    barabar hai harry bhai!(13:15)

  • @DilSeengineer4
    @DilSeengineer4 10 місяців тому +1

    sigma batch op
    main janta hoo ye maine bhaut late follow kiya h course lakin main regular hoon

  • @pandagirl1104
    @pandagirl1104 9 місяців тому

    All concept become clear in 27 mints❤

  • @VinaySingh-hu5sy
    @VinaySingh-hu5sy 8 місяців тому

    Sigma Batch OP
    You are amazing Harry. Your UA-cam videos very helpful for me.

  • @omwatisahu9240
    @omwatisahu9240 10 місяців тому

    A student can also can learn coding by this a easy understanding by harry sir😊

  • @brandonnoronha5535
    @brandonnoronha5535 4 місяці тому

    It was a power pack video sir👍😃 Thank you sir for making this video and clarifying all the doubts about CSS flexbox properties!

  • @AtulParashar-x9h
    @AtulParashar-x9h 10 місяців тому

    saw this video twice and now i can teach it to anyone

  • @tahsinzaman9930
    @tahsinzaman9930 5 місяців тому

    Wow harry vai...you are great 🎉
    Love from Bangladesh ❤️🇧🇩🇧🇩

  • @billwallislambivan
    @billwallislambivan 11 місяців тому

    Love you harry bhai From Bangladesh 🇧🇩🇧🇩🇧🇩

  • @mohdamir-l1v
    @mohdamir-l1v 4 місяці тому

    harry bhai aapka zero to hero junction is to good

  • @amarjeettudu8618
    @amarjeettudu8618 10 місяців тому +1

    sigma web development course op💥

  • @MuhammadFaizan005
    @MuhammadFaizan005 4 місяці тому

    thank you so much my whole concept is cleared in a matter of seconds

  • @EXPERIMENTSHOW.
    @EXPERIMENTSHOW. 5 місяців тому +1

    Thank u soooo much bro ❤
    U deserve that level of following ❤

  • @cheryrj8305
    @cheryrj8305 3 місяці тому

    warching the video again to get more n more concept this video is full of concepts soo easy decscibe

  • @abhishekanand8574
    @abhishekanand8574 11 місяців тому +1

    barobar hai bhai.....barobar hai....

  • @ocean_vibes_asmr
    @ocean_vibes_asmr 5 місяців тому

    Really Nice Course and very well explained the Flexbox topic.

  • @movehard1851
    @movehard1851 3 місяці тому +1

    Video bahut accha lag sir. ❤️🙏

  • @lakshkaushik6366
    @lakshkaushik6366 5 місяців тому

    nekalne ki bas ki hai nahi , comments 1855 you are legend brother lot of people getting jobs through your videos and non tech background students also refer your videos to learn coding. Thank you so much for these free resources. You are teaching in very efficient wat hta everrqwqq

  • @TraptiGupta-s2s
    @TraptiGupta-s2s 5 місяців тому

    #SigmaBatchOP #harrybhai , bro is Sigma Down To Earth .... i cannot think that someone can teach flexbox like this , this is just mindblowing - thankyou bhai dil se ,this is just a small word to express my gratitude 🙏🙏

  • @ScienceMystery1
    @ScienceMystery1 5 місяців тому

    I have learnt many new things about flexbox here.

  • @movehard1851
    @movehard1851 3 місяці тому +1

    ❤️🙏
    Sigma Batch OP.
    ❤️🙏

  • @souvikpramanick7305
    @souvikpramanick7305 9 місяців тому +1

    Barabar hai bhai❤❤

  • @huzaifasaleem8390
    @huzaifasaleem8390 10 місяців тому

    One of the best explanation of Css Flexbox ❤

  • @Motion_strategy
    @Motion_strategy 9 місяців тому

    Barabar hai bhai ...best Flex box tutorial ever seen ....🌟

  • @darshdesai8165
    @darshdesai8165 3 місяці тому

    Barobar hai ji barobar 13:15

  • @user-sololeveling
    @user-sololeveling 8 місяців тому

    Sigma batch op harry bhaiiii
    you are great
    ap mahan hu

  • @earneasily12
    @earneasily12 11 місяців тому

    harry bhai bhot saara pyaar thankyou so much for this :)

  • @SumitRana-qs7lg
    @SumitRana-qs7lg 3 місяці тому

    agar harry bhai ne kabhi paid course banaya to wo hme aise aise motivation ke words bol dege, tb hme bina course kiye jaa hi nhi sakte

  • @abdullahalam6596
    @abdullahalam6596 11 місяців тому

    This video will make you master of flexbox

  • @Irfan-kakar
    @Irfan-kakar 11 місяців тому

    Booraber😅🎉 Harry Bhai is hmara lucky Bhai. Thanks for your valuable contents. #Sigma Batch op ❤

  • @TraptiGupta-s2s
    @TraptiGupta-s2s 5 місяців тому

    #SigmaBatchOP thank you harry bhai for bringing this Dynamic Course for free , with your mentorship we will shine like stars , dil se Dhanyawand bhai 💜

  • @sahilnoormohdsayed6920
    @sahilnoormohdsayed6920 6 місяців тому

    Best FlexBox Video Harry Bhai
    Thankyou!!

  • @imukhan755
    @imukhan755 9 місяців тому

    Truly appreciate your efforts @harry bhai it was great learning experience.

  • @YawarAbbas-wl3jd
    @YawarAbbas-wl3jd 2 місяці тому +1

    Thanku Harry Bhi Good Course♥♥♥♥♥♥♥

  • @AmiyaNaidu
    @AmiyaNaidu 4 місяці тому

    great playlist i was looking for complete flexbox)

  • @SovanDas-j4t
    @SovanDas-j4t 17 днів тому

    Sigma batch OPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

  • @prohegde006
    @prohegde006 5 місяців тому +1

    Sigma Batch OP
    Harry Bhai OP