🔴 Responsive Layout using CSS Grid Auto-Fit & Auto-Fill in Hindi 2021 | P -10

Welcome, Responsive Layout using CSS Grid Auto-Fit & Auto-Fill in Hindi 2021
😍 Check my Instagram to Connect with me: / thapatechnical
1: 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.
2: 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.
************ Must Watch Videos For Web Development ************
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
➡️ Install VS Code for ReactJS LINK: www.thapatechn...
😍😍 Check Programming Videos in One Hour👇
➡️ Complete Reactjs in One video here • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechn...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter KZbin Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechn...
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: www.facebook.c...

[@ThapaTechnical]

Hope you all love the video 😍 Check my Instagram to Connect with me: instagram.com/thapatechnical

[@amarbhaw6014]

Thapa technical i start seeing your work from last few weeks and i found your work so better than other devlopers but you getting less views . A small suggestion to rather than explanation topic u should do projects like complex quiz apps , complex Messenger app , and all of complex applications rather than websites . Try to explain in simpleway those complex topics .i too will try to support by sharing your videos.😃

[@tejaskumar4470]

CodeWithHarry + Thapa Technical = 🔥🔥🔥

[@hackerwhite7957]

Code with harry se adha gyan milega bache Geeky shows + this channel + yahoo baba + books and other channels

[@smartdeveloping6512]

Codewithharry and thapa technical sir is very best

[@hackerwhite7957]

@@smartdeveloping6512 code with harry deep programming ke liye best nhe hai , maine dekhe hai islia keh raha hoo . Aapne Geeky Shows ke videos dekhe hai ? Pehle aap dekhiye Fir aapko dono me difference pata lag jaega... khud

[@smartdeveloping6512]

Ok

[@imnemo2327]

@@hackerwhite7957 ji sahi bol rahe ho ap same experience with codewithHarry , not good for deep programming but best when starting up

[@smartdeveloping6512]

CodeWithHarry and Thapa technical Hame Best Coder bna denge | Thanks Sir

[@sudhanshubhattl2604]

bhai mza h aa gaya bhauta awesome tha kya baat hai aap toh badhe awesome nikale mtlb itna awesome kaam kaise kr lete ho aap aise h awesome video bnnao bhai awesome ho aap toh

[@AhmedKahout07]

At this point you've cleared my concept, although I'm student of Harry. But you taught me this concept very well. Thankyou Respect for you Man!😍

[@diwakar_tsn]

Hamro thapa ramro thapa ❤️😍😍😍😍

[@webPro_faizan]

Thanks you very much thapa brother. I have a problems to grid but after seeing your grid playlist i have solved my problem ❤️❤️❤️😊

[@h_A_m_za]

Bht badiya explanation h bhai aapka

[@manthanramteke6101]

You are God of Web Development 😜😜😜

[@sidtechhacker]

Love you 😘♥️ Bhaiya best teacher

[@khanmushahid3163]

Boom jadoo 🔥🔥

[@snphpowerhouse]

Awesome......

[@prabirmanidas9434]

Nice bhaiya love you ❤️❤️❤️❤️

[@shahzadmalik4679]

Awesome sir

[@arunsaklani9890]

One video on vscode emmit shortcut and how u apply fire cursor

[@abishekkhanal1493]

Thank you so much daaa

[@rishtekhojocom]

sir bahut badiya vidio hai ye. hamari sari samsyae khatm kar di es video ne. sir apse nevikan kiya tha ki app sare souce code assani se uplabdha karvaye our php mvc frameword par bhi videos banaye, please. aur app hame reply bhi nahi karte ?

[@thenorthsoul]

Thanks bro...

[@abhishekbahuguna2420]

Thank You sir this video solved my problem😊🙏🏻

[@snphpowerhouse]

👌👌👌👌

[@nehalgahlot3219]

Aapke tutorial best hai bhaiya

[@nitingupta8260]

Bhai same aisi hi small small topics js pe bhi banao please

[@ComedyKaAdda16]

thank you sir

[@FauL_UppU]

muli vhai like kardiya 😘

[@hjhamnani0]

Thank You Very Much, Your Teach Tech. is very nice, understanding topic very nicely, but one request please share all the css files with this playlist to practice properly,

[@getsellwebshop7482]

U have a big knowledge and u can do this

[@deepak2012ful]

Excellent Thanku very much

[@swapnilabhang8841]

hello sir plz keycloak pr bhi video banaye

[@diyabharti9469]

Awesome sir 👍

[@ThapaTechnical]

Thank you

[@technicalnitesh1974]

Bhaiya react native ka course bna dijiye project based

[@MuhammadShoaib-tb9wu]

Mana phla b ya issue address kya tha k minmax ka function autofit ka sath kam nhi kr rha akhir kya wajha ho skti ha ? Apna ans nhi kya. Kindly guide me.

[@GalaxyDeveloper_]

Sir You Are ePiK!

[@naveenbasyal001]

Damn... you are great

[@ThapaTechnical]

Thanks

[@piyush-HacIIT]

You always made awesome video thank for this content and please let me know about you work on offset path and backdrop filter , or not thank you sir

[@piyush-HacIIT]

Please make video

[@arnabsaha8436]

Awesome video sir 👌. Please make a video on the Chatting app with React.🙏

[@vipulgupta7913]

great explaination🔥

[@shahindomar3958]

Thank you very much.

[@ibcmahendrahembram]

Awesome sir 👌👌

[@tahirsaddique6846]

Love u

[@pathparakh4559]

Please make video on "how to plan a project?"

[@amandeepbadgujjar7096]

Hi sir mera ek question h, mene apne container class ko % or VW me width deta hu to vo responsive kam karte h lekin jab me container class ko px me width detha hu tab vo shrink to hota h leki ek ke niche ek nhi aate h why?

[@ayan_venv]

Aha

[@kishandave722]

Nice video ❤️ sir hame ye sikhaye ki mambership websites kaise banate hai or kaise Kam karte hai uspar example maine ek software banaya or kisine 1 years ka koi plan buy kiya or wo 1 years ke liye use kar sakta hai or jaise 1 years khatam ho jaye wo plan expire ho jaye or or aage wo use nai kar sakta . people sikhaye hame esi website banana🙏🙏🙏🙏🙏🙏

[@saurabhgaur9270]

Bhai typing krte time aag ksme are Hy code me kya vedio eating se

[@adarshtripathi6654]

Sir pls make video on resume for Internship

[@digitaldeveloper7635]

Css grid responsive hain??

[@Rekhavlog_]

Do class name q??

[@Adarshmaurya107]

Sir ab finally ek website creat ki jay

[@technicalnitesh1974]

Bhaiya ek collab kijiye codewithharry bhaiya ke saath

[@188_suneelkumar2]

Website bnate mujhe bs responsive krne me bhut problems aati hain

[@RonyPrime]

yee to dhoka ho gyaa hamare sath...apne bola tha ki part 6 ka wo layout ko responcive karoge....but kiya kuch wor!!!! what the hack!

[@rakeshkumaryadav1117]

Display Grid *{ margin:0; padding:0; border:none; } .container{ width:1200px; height:1000px; position:relative; left:100px; top:10px; background:green; display:grid; grid-template-columns:repeat(auto-fill,minmax(100px,500px)); } .c1{ background:orange; height:300px; } .c2{ background:red; height:300px; } .c3{ background:yellow; height:300px; opacity:0.7; } why auto fill is now working here I stuck here plz marked where I am making mistake

[@shaiksohail2331]

Sir plz code editor name

[@technicalnitesh1974]

Vs code

[@shaiksohail2331]

@@technicalnitesh1974 thankyou😊👍🏻

[@Thezaintaseer]

tri ma di khsussi maran