Grid: Auto-Fit, MinMax, Template Areas Explained || Episode - 31

[@Amanbankey8]

If we talk about online courses, no one be teach like you bhaiya. You are always the best bade bhaiya. 😊😊

[@Tuktuk_Academy]

Dear Love Babbar, I want to take a moment to express my deep gratitude for the incredible work you do. Your dedication to creating content for students, even when the views may not reflect the quality of your teaching, is nothing short of inspiring. You are a true gem in the world of education. Your commitment to making a difference in the lives of students is evident in every video you produce. Your passion and enthusiasm shine through, and it's evident that your priority is helping your students learn and grow. Don't be disheartened by the number of views; your impact on those who do watch is immeasurable. Your exceptional teaching skills and your heartwarming, nurturing approach are what make you outstanding. You're not just teaching subject matter; you're teaching the invaluable lessons of resilience, determination, and the importance of following one's passion. Keep doing what you do, Love Babbar, for you are making a difference in the world, one student at a time. Your authenticity and dedication are truly heartwarming, and your positive influence will be felt for generations to come. Thank you for being an exceptional teacher and a source of inspiration for all of us. With immense respect and gratitude, Thank You for every thing ❤🤗 Aryan.

[@yash0013]

Grid area responsive h kya

[@ajaykr6253]

bhai mere dost ne apna college se web development ka course buy kia hai ,aur us course mai itna kuch nhi hai jo bhai aap hmko provide kr rhe ho wo bhi free of cost seriously mujhe aapka effort nhut accha laga corse top notch hai free hone ke baad bhi ♥ ♥

[@arpanhalder1552]

Homework:- auto-fill: Fit as many possible columns as possible on a row, even if they are empty. auto-fit: Fit whatever columns there are into the space.

[@dkisback6072]

Ek baar @shreyansh coding school ka full stack development cheak karo bro

[@studygainer5482]

If we talk about online courses, no one be teach like you bhaiya. You are always the best bade bhaiya

[@Durgasodhi]

Agar koi in topics par videos banane ki soch raha hoga to vo nahi bna payegga kyunki iske baad kisi ki bhi query nahi hogi, jitni explanations in videos me hai vo koi bhi nahi kar payegaa, creators ke liye is series ke baad ek biggest challenge hoga ki vo aor kyaa explore kare, Thanks for this type of content LOVE BABBAR SIR.

[@md.samirhossain4201]

You are one of the best teacher in my life🥰

[@bluedot9738]

i really love the way of your teaching bhaiya ..maine bahut sare courses dekhe mujhe isse jayada aacha course aaj tak nai laga web development,infact i don't belong to cs background still i can easily manage to understand all the process and concepts ..thankyou so much dil se bahut bahut sukriya bhaiya aapka..😊☺☺

[@abhishekkumargupta543]

I was really Struggling to learn css, but you made these content so easy that i grasp them within few days only. Thank you love Babbar Bhaiya.

[@kanhiyayadav7224]

Sabse best content of KZbin in web development o bhi free me ❤

[@NinjaDevPlays]

Consistent raho bhaiya please Your course is amazing.

[@atultripathi7141]

one of the best web development series I have watched in my bachelor of engineering journey. thankyou bhaiya so your dedication

[@BirendraPratapsingh-yn6hh]

I just like to say that you are a simplifier and the best teacher...

[@CodeGenius_Academy]

I have been watching a web development playlist for the last 10 days, and I understand HTML completely. Now, "I am currently watching a video on CSS." Thank you Bhaiya!❤❤❤

[@village-vlogs.404]

well done brother

[@Himanshu-m5d9y]

Bhaiya sahi kahta hu phle mene 3 mahine laga diye css sikhne mn phir bhi samajh nhi aayi Aur jab se aapki videos dekhna shuru kiya tab se life ekdam easy ho gyi❤❤❤

[@creatywebs]

Your teaching style is extraordinary never find content like yours ❣❣❣

[@b_akki4975]

seriously this series very help full in web development journey many many thnxxxxxxxxxxxxxxx sir jiiiiiiiii

[@priya716]

12:04 In auto-fill:- The browser will allow empty columns to occupy space in a row. In auto-fit:- The content will stretch to fill the entire row width.

[@ProgrammingNCodingWithHarsh]

You are much more better than CodeWithHarry and others !!

[@nawazthezaifre8870]

Ofcourse ! babbar bhaiya achha padhate hai but in terms of whole knowledge code with Harry take the ground ! Bcz Harry Sir is wholesome ! From AWS to python to C, C++, to java and different Web tutorials you can't count the technology he is providing freeb ofcourse on KZbin channel.

[@ProgrammingNCodingWithHarsh]

@@nawazthezaifre8870 Prr Babbar ke ek vdo dekhne se hi sare bate samj ati haii.. cwh vdo do tin bar dikhana padta haii my experience is this.. or things are going some what fast their and I also agreed to you cwh also best but for web development!!

[@SazzadurRahmanAyan]

The main difference between auto-fit and auto-fill in CSS is how they handle empty columns and rows in a grid. Auto-fill: Auto-fill will fill the rows with as many columns as it can fit, even if those columns are empty. This can be useful for creating responsive layouts where you want the columns to fill the available space, even if there is not enough content to fill all of them. Auto-fit: Auto-fit will also fill the rows with as many columns as it can fit, but it will collapse any empty columns. This can be useful for creating layouts where you want the columns to be evenly spaced, even if there is not enough content to fill all of them. Lots of love from Bangladesh❤

[@nyk4589]

Best course by the best teacher

[@hyphengamerandtech3064]

learning +++ , understood ++, after learning your concept i am able to do the project before seeing your tutorial

[@anuragkumar-q1h]

mera last year hai aur mai esi series ke jariye apne placement ka preparaation kar raha hu. aap se request karunga bhaiya please continue this series.

[@shelendrasingh2301]

Really you are great teacher. whatever you teach really clear and cut and never forget that things

[@Diksha-yb5km]

your teaching style is amazing😇

[@SounakPatra-v9c]

Understand all 31 videos ..Thank you Bhaiya for these videos💓💓

[@thewarrior0214]

Understood++ Bhaiya, really your efforts are no-where comparable.

[@MSRK2024]

bahut bdiya bhaiya

[@rahulsinghaswal07]

bhut maza aa rha hai bhaiya

[@moonxflair]

Already learning DSA from you and this, perfect combo for me. Everything is simpler and straight to the point.❤

[@Stranger_SP3]

Consistency++

[@anuragkumar-q1h]

mera last year hai aur mai esi series ke jariye apne placement ka preparaation kar raha hu. aap se request karunga bhaiya please continue this series. 6 month complete karwa dijiye bhaiya other wise placement hone me problem hoga

[@gopitrip]

To the point explanation bhaiya. Loved it. Understood everything. Thank you.

[@naveensingh_0735]

bhaisahabbbbbbbbbbb.................. kuch sochna sach m nhi pada!!!!!!!!!!!!!!! itna easy tha sections banana!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@MohammadKaif-tw5tc]

one of the best instructor......I am glad that I somehow got your videos ❤

[@Devang_Runwal]

Best web dev course

[@vasu_027]

Sayed hi aisa content hoga youtube pr. Thank you bhaiya

[@AkshayGoswami-i3g]

Amazing lecture bhaiya🥳🥳. Keep going on, Lots of love to the best teacher of the country❤❤

[@raghuveerchauhan97]

Please keep this consistency in this playlist❤❤❤

[@user-BP2020]

Bahut mja aaya aapke web development ki playlist ko access karke

[@Hidayahpathbd]

One of the best playlist ab thak on KZbin

[@harshuraj845]

Dsa + web-dev ...for both u r best❤

[@mohinilodhi5927]

Quality of this course is unbeatable .

[@anuragkumar-q1h]

mera last year hai aur mai esi series ke jariye apne placement ka preparaation kar raha hu. aap se request karunga bhaiya please continue this series. 6 month complete karwa dijiye bhaiya other wise placement hone me problem hoga aur mere jaise bahut student honge

[@kunalhoney9421]

bohot badia video h bhaiyaaa ,a great salute to your efforts , thankuuuu thankuuu thankuuu a lot .♥♥♥♥

[@sanjeevkumarverma5975]

Bhaiya css grid topic mind mai print hogya kbhi nhi bhulenge aapki vjh se bs yu are the best❤❤❤❤

[@thedesigningdesk]

love you brother, i have done all the tasks in my own way

[@AkashYadav-di6kd]

Difference between auto-fill and auto-fit property: The auto-fill and auto-fit both are CSS-grid properties and use to make a responsive layouts without using media query. The only difference between them is that in auto-fill property there is a empty space in a row, but in auto-fit property the content stretch itself to fill the space and cover the entire row.

[@ashishsharma7465]

awesome lecture bhaiyaa...bht kch nya seekh liya

[@lakshaybhatia9691]

This quality at free of cost is just amazing❤❤✨✨♦♦

[@RukmoddinPatel-bs2lq]

Best Lect ❤

[@JatinKansal-z5b]

Thanks bhaiya for this level of content☺☺

[@SinghLavanya]

understood ++ Bhaiya You are Best among all Coding KZbinrs you clear all concepts with practical examples.. Eagerly waiting For JavaScript Videos as I already knew some amont of html and css and had maden clone of Myntra with Myself

[@naveensingh_0735]

The auto-fit and the auto-fill are both properties of the CSS-Grid and are used to create responsive layouts without using media query in which the auto-fill property will allow empty spaces in a row whereas in the auto-fit property the content will stretch itself that it can fill the row entirely

[@suryaprakash1907]

your hardwork is blessing for me.

[@TravelTales-a]

Great lecture sir amazing Understood👍

[@TravelTales-a]

auto-fit: expands the existing columns according to the view port auto:fill: creates as many columns(empty or not) as it wants if there is space remaining in row

[@sudhanshutiwari5378]

Love bhaiya You are great there are many contents are available on youtube but all are Zero when we talk about your courses thank you bhaiya for providing such a wonderful content ❤❤❤❤❤

[@lavleshray6619]

Best course i have ever seen

[@RAHULKUMAR-hh4kn]

very very good concept replation of mediaquery easy understood.. thanks bhaiya

[@aakanshigarg3978]

bhaiya please upload next lectures this series is very helpful and i learnt alot from this series , you are amazing bhaiya

[@ansh9343]

Your passion for teaching shines through in every lesson, and you've made a significant impact on my learning journey. I'm grateful for your guidance and support. Keep up the amazing work!❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@shivamaggarwal2023]

Bhaiya mze aagye padne mai please jaldi jaldi video daaldo...

[@Amanbankey8]

Wonderful lecture bhaiya 😊😊

[@yadojibokare5327]

Very crucial lectures of love bhaiya keep it up ❤❤❤❤

[@RahulKumarYadav-fv7ge]

Thank you so much sir for your efforts and providing us the best course of webdeelopment for free❤❤❤❤❤❤❤❤

[@Vardanaggarwal]

amazing lecture bhaiya.

[@mousamdangi7]

Full support bhaiya👍👍

[@SupercarAVTR]

Thanks for amazing lectures ❤

[@OmdevsinhRana-o1h]

superb

[@balpreetsinghchahal2013]

started my day with this video

[@shreshthkumar162]

auto-fill FILLS the row with as many columns as it can fit. So it creates implicit columns whenever a new column can fit, because it’s trying to FILL the row with as many columns as it can. The newly added columns can and may be empty, but they will still occupy a designated space in the row. auto-fit FITS the CURRENTLY AVAILABLE columns into the space by expanding them so that they take up any available space. The browser does that after FILLING that extra space with extra columns (as with auto-fill ) and then collapsing the empty ones.

[@SaimMalik-uy3mq]

This course is very helpful🥰🥰🥰🥰🥰

[@FestiSnap]

best content with best methods

[@Freak6318]

Best Course For Web Development 🌟🌟🌟🌟🌟🌟🌟

[@AnkitSingh-f5u]

Hats of to you bhaiya😊😊 I am very thankful to you😊😊😊

[@akshaypatil-ey5su]

understood++ Thanks for good quality course provide in free of cost thanks all lots bhaiya ❤

[@tripsawaytours-w5x]

bhaiya aag lgaa di tagdi samajh mai aaya hai

[@HarshKalal-h7r]

In auto-fit columns get empty collapsed and space is covered by items , on the other hand auto-fill doesn't covers empty columns and let them be as they are hit like if it clears

[@bandanabhushan5261]

thank you so much for this wonderful video

[@dilpreetkaur9308]

Understood++ bhaiya....Thankyou so much for this amazing lecture bhaiya.... :)

[@MahfoozHassan0777]

Thank You LOVE Bhaiya 💖😊😊

[@abhi_kabir]

Babbar bhai you are a real gem 💎

[@aditya_webdev_mearn]

😀good lecture babbar bhayia

[@bhanuthakur3493]

Understood. Waiting for upcoming vedio

[@shubhamkumbhar-c5d]

love babba thank you continue series

[@preritmujoo6171]

It was the best lecture✨✨

[@arkamukherjee3962]

full josh hai bhaiyaa video dalte raho

[@sachinece1508]

yes you are much more better codewithharry and others

[@informationmafia5506]

Bhai ek number padate ho chha gye guru next java script ❤❤❤❤❤❤❤

[@ayushibharadia7663]

Amazing as always!! 💙

[@JamalShah-b4i]

amazing man maza agya.. love from Pakistan

[@maverick3655]

love you bro, sab samajh aaya.

[@Abhishek-2k24]

You are the best bhaiya ❤❤❤

[@RiyanshSingh-q6q]

bhut acha samjh aya bhiya bhut acha padte ho

[@pradneshdeshmukh9112]

Understood++ Majja.. Aa rha hain..

[@Panditgolu576]

my name is Golu and this tutorial is very helpful guru ji

[@SILENT_4_M_6551]

This video is a lot of helpful for us

[@bahawalkhan3153]

Auto-fill The browser will allow empty columns to occupy space in a row. The content will stretch to fill the entire row width. Grid layout remains fixed with or without items. Auto-fit Grid layout is not fixed ,the content stretch to fit entire width. Shifting of items in a grid is possible as there are vacant space in a row. Shifting of items in a grid is not possible.