CSS Tutorial in Hindi [Part 50] - CSS Grid

In this video i will talk about CSS Grid
CSS Grid Layout (aka “Grid”), is a two-dimensional grid-based layout system that aims to do nothing less than completely change the way we design grid-based user interfaces. CSS has always been used to lay out our web pages, but it’s never done a very good job of it. First, we used tables, then floats, positioning and inline-block, but all of these methods were essentially hacks and left out a lot of important functionality (vertical centering, for instance). Flexbox helped out, but it’s intended for simpler one-dimensional layouts, not complex two-dimensional ones (Flexbox and Grid actually work very well together). Grid is the very first CSS module created specifically to solve the layout problems we’ve all been hacking our way around for as long as we’ve been making websites.

[@zabilmaooz4435]

You deserve million views

[@jhonbhai8943]

True

[@rinkletyagimotivationalspe4821]

Right

[@komalagrawal192]

sir! your all videos are so much beginner friendly. i have never ever found any powerful materiel as easy as you taught. Really help me a lot ... thank you so much sir

[@subanibabashaik8909]

Watched so many channels, But never understand what it mean. Finally I got it. Thanks Man.. #TechGun !!

[@abdulkhan5416]

Sir, your explanation really easy to understand and even each and every single element clarifying one by one. I really appreciate your hard work uploading videos, and teaching. Thanks thanks thanks.

[@YashDEVELOPER12]

Outstanding tutorial sir.. Maine aapke hi channel se html aur css sikha hai.. Thank you so much

[@royaljkboss1185]

Thank you sir for guidance ❤❤❤I wish you long live 🙏

[@rakeshraman4380]

Good Day, Sir. You are great. You explained really technically. Thanks.

[@AsmaKhan-qf6gd]

sir the way you explain is super awesome I love your way your voice. love lots of love from pk

[@Apkisakhimanisha]

Good technique to teach

[@syedmajid3202]

Thanks for video!

[@bhagirathiverma2627]

Bahut badiya video sir ..

[@Screenwinks]

Maza agaya isko bolte explanation.

[@enjoylife5899]

Thanks for Nice explanation

[@85MA]

loved your tutorials; they are definitely worth watching.

[@jhonbhai8943]

Sir Ap great Ho !

[@hasanahmad3534]

👌👌👌 Thanks a lot sir ❤️❤️

[@OnlineVidyalay]

your every video like and full watch

[@professionallyuseandroid3038]

Sir 👨‍🎓 you're legend

[@zaklogs]

Oct 2021 Learned advance HTML and CSS topics from this channel for interview Nov 2021 Got job as ui developer 2023 ( after 1.5 year apprx) came here to reivse, Grid and flex in order to teach junior colleuges Thank you so much for this awesome series of courses Love and respect from Pakistan

[@piyushsalvi1580]

now basicly what you do? Can you tell me is full stack development worth it for 2024?

[@Ameyiscool]

Bhai html css k baad kaha tak scope rehta hai job ka? q ki mujhe koi bhi job chalega as i am a fresher. pls bhai help karo parents bahut paresaan hai.

[@Ameyiscool]

@Ethical Star bhai aap apna kuch to id do jisse baat kar saku. Maine html css sir se seekh liya lekin ab thodi mushkil aarha hai html css website banane k liye. Q ki sir ne ek bhi nahi cover kiya. Ek kiya hai lekin vo psd to website hai aur vo mujhe abhi nahi sikhna hai.

[@zaklogs]

@@piyushsalvi1580 i am working as UI Designer and Frontend Developer Figma + Html + CSS it has a great scope and if you include angular or react depends on your current industry , chances are very good even for freelance

[@mohsinpanchadia6108]

amazing bro

[@dastgirakhtar9782]

Jhakas💯

[@mr.faisutiktokstarfanclub3845]

Bhai aapka Tutorial Bohot aacha hota hai mene aapka 4.3 Hours ka Html ka course dekha me aab aage kya karu plz 🙏 batana

[@TechGun]

CSS, psd to html, bootstrap, fir JavaScript and jquery. Itne m web designer ban jaoge.

[@mr.faisutiktokstarfanclub3845]

@@TechGun Aapaka Insta Gram Ka Link dijiye plz

[@rubyxkumari]

@@TechGun His channel has more views than yours , this shows that how Indians Youth don't want to study just watch tiktok

[@mohsinpanchadia6108]

please make the same type of web-layout with flex so we can understand better.

[@mohaummednasir2379]

Super

[@avadheshsharma6640]

Nice 👌👌

[@OnlineVidyalay]

I am watched your html and css playlist this playlist is very useful I am wating new tutorial from javascript part -5 or please start live stream every night 8 pm Thank you sir

[@TechGun]

Will upload soon

[@noorzamakhan8245]

Sir Thank You

[@inspiringstories143]

sir tumhara voice bohat achhya he .

[@argaming9548]

I Am Completed your html and css course next when botstrap and backend course started sir please reply

[@UZvibes]

Sir ur tutorials r gud...it would b great if u upload JavaScript tutorials for beginners to advanced level..

[@pgh_10]

Happy Teacher's day sir🙏

[@bibhutibaibhavbora8770]

Sir loved your videos, please make php and js videos please sir

[@TechGun]

Will upload soon

[@satyam_tank]

33:18 33:44

[@kazisohail6798]

👍👍👍

[@pushkarnathpandey44]

bro whenever I install vs code it opens but at top it says Visual Studio Code(unsupported) even I have downloaded it new new pc I have deleted it fully and then install then also, it also pop up some notifications at bottom right that extension host intercepted

[@sonicjetson6253]

Bsdk watchman ban ja

[@joyjitsinha9253]

I complete css course

[@ImranHabib-ho1zv]

sir nay jab 27:19 par kaha k sab sy pahlay iss ko GRID main baantain gain aur foran screen par 5 lines aa gai vertically. ye 5 lines kaisay i hain ? mera matlab hai k kal ko jab ham koi aur design banaain gain tu os ko Grid main bantnay k liye ye lines kaisay lagaain gain ? plz koi bhai/behan is ka jawab de dain

[@karanshambharkar7940]

Sir, please u make a website project using CSS GRID

[@danishshaikh1915]

Sir this is a request pls make a demo website using only html and css ..plz

[@TechGun]

kzbin.info/www/bejne/jXnKg5aIf6-Cias

[@mr.faisutiktokstarfanclub3845]

Bhai

[@arpitshukla8821]

This is not easy.. Very much hard work is required for this... 😌

[@mdaashiquippz534]

There was a request to give brother psd to html video

[@shivanisah993]

I am watching this seen 2 year later at same day in 2022

[@mr.faisutiktokstarfanclub3845]

Hello bhai Aapki Age kya Hai Aur Aap ko Kon konsi Language Aati Hai

[@asadmokarim1654]

Sir today is my birthday, wish me please

[@TechGun]

Happy Birthday Asad 🎂🍾

[@asadmokarim1654]

@@TechGun thankyou

[@nativeandroid]

Mujhe samajh nai aai aap ne kun 6 baar header type kia, kun 6 colums banaye...

[@harryrajput9263]

Grid line kaise li apne layout per sir or koi bta skta h kya

[@AshikSarkar-yu7jy]

most of your tutorials are easy to understand except for this one. You said columns instead of line.There is 3 column but you said 4. Plus you were making too much errors. Urge you to make a new video on this concept.

[@MR.SubratGarnaik]