Complete CSS GRID Tutorial In One Video In Hindi

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ม.ค. 2025
  • Welcome, to Complete CSS GRID Tutorial In ONE VIDEO In HINDI 2022. CSS3 Grid System in Hindi. Link For Source Code: www.thapatechn... css grid, css grids, grid css, css grid layout, grid, css grid tutorial, css grid crash course. DONATION FOR SUPPORT: PhonePay = vinodbahadur@ybl GooglePay: vbthapa55@oksbi
    Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos :)
    My Siter TH-cam Channel Link: / @mayabeautyvlogs878
    Plz Subscribe with all your friends :) Thank You.
    click on the link below to watch web developer courses videos
    HTML in One Video : • Learn HTML in One Vide...
    CSS in One Video: • Learn Complete CSS In ...
    Javascript tutorial in one video: • JavaScript in One Vide...
    PHP in One Video: • PHP TUTORIAL IN ONE VI...
    DAtabase and PHP Together for read, create, update, delete: • CRUD Operation in PHP ...
    How to create a website like carbon health: • Create a Complete Resp...
    How to create a website: • Create Responsive Webs...
    Tools I used to record videos
    1: Dell Inspiron 15 5570 2018 15.6-inch FHD Laptop (8th Gen Core i3-8130/4GB + 16GB Optane Memory/1TB/Windows 10): amzn.to/2DErOoG
    2: Wright WR 800 Condenser Microphone with Free USB Sound Card: amzn.to/2TjRUmc
    3: Wright Wp 101 Pop Filter For Dynamic Condenser Microphone Voice Recording: amzn.to/2B67lro
    4: AmazonBasics Ventilated Laptop Stand (Black): amzn.to/2DDs1Zd
    5: Generic NB-35 Professional Recording Microphone Stand: amzn.to/2HBDbC1
    6: JBL T160 in-Ear Headphones with Mic (Black): amzn.to/2HwbJp0
    7: AmazonBasics Braided HDMI Cable - 6-Feet: amzn.to/2TkCTkc
    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: / vinodbahadur. .

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

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

    DONATION FOR SUPPORT: PhonePay = vinodbahadur@ybl GooglePay: vbthapa55@oksbi
    Link For Source Code: www.thapatechnical.com/2019/05/complete-css-grid-tutorial-in-one-video.html
    Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos :)

    • @jonmomin3648
      @jonmomin3648 5 ปีที่แล้ว

      Bhai please bootstrap responsive me or video banaye

    • @nikolaisawyer2392
      @nikolaisawyer2392 3 ปีที่แล้ว

      You prolly dont give a damn but does anybody know of a method to get back into an Instagram account?
      I was stupid lost the login password. I would love any assistance you can give me!

    • @zaidansari8896
      @zaidansari8896 3 ปีที่แล้ว

      @@nikolaisawyer2392 did you connected your phone number and your mail id with your account?

    • @arslanModern
      @arslanModern 2 ปีที่แล้ว

      hello bhai
      column ko center toh inki width yeh stretch ho jati hai yeh kam hojati hai
      very thankful good teacher from all youtube teacher love from pakistan

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

    0:00 Intro
    1:20 W3school grid explanation
    4:13 html code grid explanation
    6:13 stylesheet css
    7:19 styling the divs
    8:25 playing with grids
    13:48 fractional unit (fr)
    15:30 grid gaps
    17:00 shorthand properties
    17:55 repeat property
    19:06 changing position of grids
    26:38 grid-auto-rows
    29:08 grid allignments
    31:48 minimum content and maximum content properties
    35:03 minmax property
    36:58 responsive layout of grids
    38:23 auto-fill
    38:53 auto-fit
    40:17 outro

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

    the most underrated person he is ,his way of explanation is awesome tq thapa bhai

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

      Welcome 🤗

    • @GamingTSH
      @GamingTSH 3 ปีที่แล้ว

      🙋👉 th-cam.com/video/-kD1R2Dextk/w-d-xo.html 👈

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

    3 2 1 boom perfect 🔥🔥😁😁❣️

    • @MdImran-gb9ce
      @MdImran-gb9ce 3 ปีที่แล้ว

      These words always help me.

    • @GamingTSH
      @GamingTSH 3 ปีที่แล้ว

      🙋👉 th-cam.com/video/-kD1R2Dextk/w-d-xo.html 👈

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

      Courage word.
      Get motivated.

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

    oh Boy ! what an amazing tutorial , i'v been confused for three day and then i found it.. superb explanation.

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

    Mate, This is one of the most efficient and full explanation of css grid. Ty for this tutorial.

  • @mohitkumar-vm6zl
    @mohitkumar-vm6zl 3 ปีที่แล้ว +9

    "mere pyar ki umar ho inti sanam remix " 😁🤣 but jokes apart your way of explaining is very good and everyone can easily understand the topic keep posting such good videos bro ❤❤

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

    Thapa Bhai Maza aagya yaar video finally bahut kuch samjh aya.
    God bless you

  • @siddheshbhise2056
    @siddheshbhise2056 11 หลายเดือนก่อน +1

    Boom guys...I understood the topic ❤

  • @Simple_ladka_0007
    @Simple_ladka_0007 2 ปีที่แล้ว

    Hello bro...
    Aapke jaisa coding me koi itne achhe se explain nhi karta.....aap bhaut achha se explain karte ho zero to hero ki jese explain karte ho...👍👍👍👍👍😊👌👌👌👌

  • @najmuzzamakhan835
    @najmuzzamakhan835 3 ปีที่แล้ว

    3 2 1 boom . dekha guys aapne.
    love you bhai. aise hi video banate raho

  • @RimaKundu-s9e
    @RimaKundu-s9e ปีที่แล้ว +1

    Do you know 1 thing? You are the LIFE SAVER...Thank you very much😍

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

    Amazing Sir You are the only person who can tuaght me haha. Its little bit funny but whenever I stuck in any concept I just comes to your channel and learn it. I'm a Full Stack developer and I learnt 90% from your channel. Thank you so much my Mentor.

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

    i can learn more than institute in your one video you are great......:)

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

    Thanks bro your method of teaching is very good.Thanks for that
    From Pakistan

  • @JogendraYadav-zn9wn
    @JogendraYadav-zn9wn ปีที่แล้ว

    what a content man best explanation on TH-cam

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

    36:55 aha moment. loved it.
    (responsive by grid properties, not media qureries)

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

    Special thank you, vinod bhai.
    It's really awesome video.

  • @hellosportsfan9065
    @hellosportsfan9065 2 ปีที่แล้ว

    I never seen this type of teaching style, I like it

  • @talibhusain3335
    @talibhusain3335 2 ปีที่แล้ว

    ThankYou For Making easy GridSystem Tutorial.

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

    you r awesome othapa, this is amazing, luv it....:)

  • @RohitSingh-ml9zb
    @RohitSingh-ml9zb 3 ปีที่แล้ว

    Thapa bhai awesome, most watch video for grid in youtube

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

    Are wah Thapa bhai ji aap ton bade achhe se sb kuchh samjha dete ho main sb note kr leti hu aap jo smjhate hai aise hi or html,css ya web development se related vedios banaya kijiye thanks again bhai ji🙏🙏🙏🙏

  • @aloksharma5468
    @aloksharma5468 2 ปีที่แล้ว

    Damn!! this is very helpful. thank you thapa bhai! tum accha kaam karta hai

  • @usmanghani8104
    @usmanghani8104 4 ปีที่แล้ว

    MashAllah buhat tarike se samjaya Good work guys best of luck

  • @mohitchopra9894
    @mohitchopra9894 2 ปีที่แล้ว

    bro your awesome better than other videos in some space very freindly for beginners

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

    Hi @thapa Technical, this video really helped me a lot in understanding the grid. I searched the internet for some good stuff to understand about this topic but you helped me a lot. I really loved this.
    It someone is checking comment trust me this is really useful throughout internet.
    Thanks Alot.

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

    Thank You Bro And Very Very Thanks For Good Explain Grid System

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

    Acha samjhaya apne grid ko very nice🎊🎊

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

    I don't know why I like your boom saying style😂

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

      Bhai pahile isi me the.

  • @prachimalage4534
    @prachimalage4534 2 ปีที่แล้ว

    Very informative vdo thanks for this vdo...your voice is very awesome...

  • @wizzy4240
    @wizzy4240 3 ปีที่แล้ว

    Achha samjhaya bro actually i will start creating layouts form tommorw thanks bro

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

    Refresh=💥💥🤯
    🙂nice bro

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

    Love the way you explain ❤

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

    Very good tutorials. Your style is unique , simple and perfect.
    I learned a lot from your videos.
    Thanks a lot.

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

    Again you have made awesome and I have learned Manny things from it

  • @sahilchhabra2391
    @sahilchhabra2391 2 ปีที่แล้ว

    bhaiya best video for grid no doubt!

  • @DSureshKumar
    @DSureshKumar 4 ปีที่แล้ว

    Wawo sir. You are really very intelligent. Thanks for this video.

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

    Now this is what we call a vedio full of content 🤗😄😊

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

    really helpful video....tnx

  • @RamRam-po3lq
    @RamRam-po3lq 4 ปีที่แล้ว +1

    excellent to day I learned new thing in css subscribed

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

    I invested my time in a good video.

  • @el-dorado1324
    @el-dorado1324 3 ปีที่แล้ว

    Ur just awesome thapa bhai👍🎉kbhi b doubt ho apki videos se sb clear hn jata h bhai....❤️🙏 thnxx alot thapa bhai❤️

  • @yoyocr2034
    @yoyocr2034 3 ปีที่แล้ว

    Bhai your simplicity attracted us maybe .. your way of teaching is so good .. love from Bangladesh.. Keep Rocking and posting these amazing cool tutorials

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

    very helpfull video, keep it up good work

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

    Thank you for this amazing explanation!

  • @violetpascal3196
    @violetpascal3196 3 ปีที่แล้ว

    very god video ..and very much informative

  • @Harshal-gj8ct
    @Harshal-gj8ct 4 ปีที่แล้ว +2

    Thank you so much bro you teached really very awesome 😍.......i was suffering a lot in making responsive layout thank you so much bro 😊

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

    Thanku so much bhaiya. It's really good

  • @RichaArora-n8s
    @RichaArora-n8s ปีที่แล้ว

    Amazing explanation sir!!

  • @Prashant-q9y
    @Prashant-q9y 2 ปีที่แล้ว

    bro you are awesome ! Very well explained as always

  • @vivekbhatt3932
    @vivekbhatt3932 2 ปีที่แล้ว

    Nice video, easy to understand...

  • @arslanModern
    @arslanModern 2 ปีที่แล้ว

    hello bhai
    column ko center toh inki width yeh stretch ho jati hai yeh kam hojati hai
    very thankful good teacher from all youtube teacher love from pakistan

  • @aikagyanjitu
    @aikagyanjitu 4 ปีที่แล้ว

    so nice bro, very nice bro Thank you so much...bro

  • @dinkykhatri5476
    @dinkykhatri5476 3 ปีที่แล้ว

    Informative lecture specially repeat auto fill property easiest way to make our layout responsive.

  • @GauthamHC99
    @GauthamHC99 4 ปีที่แล้ว

    You are just awesome man!! Thanks for the video.

  • @apnifamily-vy8my
    @apnifamily-vy8my 2 ปีที่แล้ว

    Thank you brother. Love you 🌹

  • @sorry688
    @sorry688 2 ปีที่แล้ว

    Really Bhai you are awesome boom

  • @SunitaYadav-qt5vj
    @SunitaYadav-qt5vj 3 ปีที่แล้ว

    V nice video, you have explained every thing in detail. I have subscribed also. Thanks :)

  • @Okyashish
    @Okyashish 4 ปีที่แล้ว

    Grid positioning 21:00

  • @631singh
    @631singh 4 ปีที่แล้ว

    thanku so ,uch bro last me jake thoda confusing hai but samjh me aagya 2-3 baar dekhuga aache se smjh me aajayga thanku so much ur videos helped ,me alot ur biggest fan qya ap javascript pe videos banayege

  • @lionguru6765
    @lionguru6765 4 ปีที่แล้ว

    Loving this video near 2021.

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

    very very nice and helpful tutorial

  • @livestream_86
    @livestream_86 4 ปีที่แล้ว

    thanks sir its very easy to understand may god bless you

  • @rishihardia2882
    @rishihardia2882 3 ปีที่แล้ว

    This is awesome bro, thanks :)

  • @AdarshSinghadninjazz
    @AdarshSinghadninjazz 3 ปีที่แล้ว

    Good job Thapa. Appreciated 👍🏻

  • @amirkhalifa32
    @amirkhalifa32 3 ปีที่แล้ว

    i love your every tutorials, every tutorial make clear sence and concept.good wishs for you bro

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

    your voice is awesome brother......smj rhe ho

  • @samialji7615
    @samialji7615 4 ปีที่แล้ว

    It's Helpful Bro!
    Myne bahut sare video dekhe , lekin is video se understand karne me bahut he asani hogayei.
    Angular K liyebhi kuch videos banaw yaar

  • @sameergaikwad222
    @sameergaikwad222 4 ปีที่แล้ว

    Thanks. This is very Helpful video. :)

  • @syedabir7383
    @syedabir7383 4 ปีที่แล้ว

    Thank you so much . you are the BOSS

  • @She_wanggi
    @She_wanggi 3 ปีที่แล้ว

    Awesome teaching style 👏

  • @tenzinpesangdompatsang369
    @tenzinpesangdompatsang369 3 ปีที่แล้ว

    Thanks bro . Help so much ,

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

    I'm a commerce student pursuing B.Com but now I'm looking forward to make career in Web Development!
    .
    .
    .
    .
    What should I do now?
    I don't know where to start
    Please reply!

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

      Bro you can learn on TH-cam or buy a course on udemy. for around 800 rupees. but youtube is more than enough for web development

    • @kiranmahajan778
      @kiranmahajan778 5 ปีที่แล้ว

      You must start your learning with html and css by seeing thapa technical videos

    • @creativity6495
      @creativity6495 5 ปีที่แล้ว

      same here brother

    • @sahilmanocha
      @sahilmanocha 5 ปีที่แล้ว

      Bro! Same here 🙌

    • @sahilmanocha
      @sahilmanocha 5 ปีที่แล้ว

      Vaise tune yaad kara diya k exam aa rhe h or abhi coding se break lena chahiye or tax p focus krna chahiye 😅😅

  • @MdImran-gb9ce
    @MdImran-gb9ce 3 ปีที่แล้ว

    You are awesome! thank you so much.

    • @GamingTSH
      @GamingTSH 3 ปีที่แล้ว

      🙋👉 th-cam.com/video/-kD1R2Dextk/w-d-xo.html 👈

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

    great teaching method

  • @rehanchaudhry6528
    @rehanchaudhry6528 3 ปีที่แล้ว

    love you boss keep going!

  • @KushagraThakurFanpage
    @KushagraThakurFanpage 4 ปีที่แล้ว

    sir i love your way of teaching. your videos are very useful and productive sir. i salute you for your efforts. this video clears me the concept of grids. thank you so much sir.

  • @dharmendrasharma9317
    @dharmendrasharma9317 2 ปีที่แล้ว

    Shandar ❤️

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

    That's awesome 👍... Thanks ❤

  • @dimplejha8263
    @dimplejha8263 3 ปีที่แล้ว

    this video is ossm thank u soo much

  • @laxmankharabe9643
    @laxmankharabe9643 4 ปีที่แล้ว

    thank u so much....really helpful. keep it up ...

  • @rojinaindia5257
    @rojinaindia5257 4 ปีที่แล้ว

    Thnx.i was working on image grid.i tried a lot in flex but it doesn't give me that design which i want.but ur this video gives me that design.

  • @anukashyap4817
    @anukashyap4817 4 ปีที่แล้ว

    You are owsom bro 👍👏👏🙏🌹🌹 thank you so much 🌼🌼🌼🌼

  • @mohammadrizwan5927
    @mohammadrizwan5927 4 ปีที่แล้ว

    again thanks to ulpoad awsm video

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

    Nice demonstration bro! keep it up 😊
    Ek choti si demand hai bro
    SASS k upr ek video bana dijiye please 🙃

  • @jisan8136
    @jisan8136 3 ปีที่แล้ว

    Great boss 😍😍

    • @GamingTSH
      @GamingTSH 3 ปีที่แล้ว

      🙋👉 th-cam.com/video/-kD1R2Dextk/w-d-xo.html 👈

  • @gauravrawat8801
    @gauravrawat8801 5 ปีที่แล้ว

    Awesome video sir
    It helps me a lot

  • @appclub7877
    @appclub7877 4 ปีที่แล้ว

    Awesome video ever!!!!!

  • @vinodchand121
    @vinodchand121 4 ปีที่แล้ว

    vinod bhai, I am vinod chand i become your fan. you are really master of web designing. Please aap ye batao aap ne kon sa course kiya hai or kitna samay laga aapko ye sab maharath hashil karne mai. Reply jaroor karna.

  • @himanshuraj254
    @himanshuraj254 4 ปีที่แล้ว

    When you say, Samajh Rahe Ho!, Mujhe Harsh Beniwal Ki Yaad aa gayi.😜
    BTW, your lecture helps me alot.😊

  • @imranshaikh115
    @imranshaikh115 5 ปีที่แล้ว

    Very nice Thapa sahab

  • @themetawarse
    @themetawarse 4 ปีที่แล้ว

    mast video bhai thanku so much

  • @wasiquekhan4513
    @wasiquekhan4513 4 ปีที่แล้ว

    you are great sir

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

    awesome so nice and great video

  • @wbrdevil8840
    @wbrdevil8840 3 ปีที่แล้ว

    Thapa ji always op 🔥

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

    Nice class❣️❣️❣️❤

  • @fasiulhaq2366
    @fasiulhaq2366 2 ปีที่แล้ว

    Wah thapa ji

  • @SpiritualSangeet28
    @SpiritualSangeet28 3 ปีที่แล้ว

    after 2 year and still informative

  • @satyamrajput825
    @satyamrajput825 2 ปีที่แล้ว

    nice content sir awesome