CSS Grid Layout In One Video | Complete Web Development Course #26

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ม.ค. 2025

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

  • @venkat.sairam
    @venkat.sairam 2 ปีที่แล้ว +25

    0:00 Intro
    2:56 grid-container properties
    3:01 gap
    3:45 grid-template-columns
    9:23 grid-template-rows
    10:05 grid-auto-rows
    10:37 justify-content
    12:34 align-content
    15:07 align-items
    17:22 grid-item properties
    17:57 justify-self
    18:48 align-self
    19:41 grid-column
    25:25 grid-row
    26:39 grid-area
    28:06 grid-template-areas
    32:31 outro

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

    Bhaiya aap nhi hote toh kya hota.!!!!!!! people like you are blessings to students. Thankyou soo much

  • @kumaranupam8301
    @kumaranupam8301 ปีที่แล้ว +6

    This is some quality content right there probably the best css course on youTube.period

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

    Ultimate guide of grid ... And the way you explained awesome..

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

    As always beginner friendly explanation awesome lecture
    Thanks for this series 😊

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

    this is the first time i saw your video i have trying to learn grid from last 3-4 days but i was not able to focus and understand but after this video i got to know what it is how it works thanx and also you got a new sub xd

  • @85MA
    @85MA 6 หลายเดือนก่อน +1

    Assalam-o-Alaikum from Pakistan, Anju bi.
    Today, I found exactly what I was looking for on TH-cam. Your teaching style is very simple yet comprehensive, making it easy for learners to understand.
    May I request a dedicated video on CSS subgrid? Although I have watched a few tutorials, I couldn't fully understand it.
    Please consider my request so that I can understand what CSS subgrid is. Thank you in advance.

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

    Please bring more clone websites projects like previous ones.

  • @RajniGupta-n3m
    @RajniGupta-n3m 4 หลายเดือนก่อน +1

    Ur explaining way is amazing.. thankyou

  • @nicecreator
    @nicecreator 6 หลายเดือนก่อน

    The best grid content on the internet.

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

    Great video . easy to understand because of example and visuals .

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

    bhai yaar you are a good teacher bhai main 3 dino se samajhne ka kosis kar raaha tha how to target each and individual container but aapne itne achhe se samjha diya lots of love💌💌

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

    Fall in love with grid areas property so usefull

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

    awsm video understood each and every concept...... now im very comfortable at using grid.. thanks

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

    Very helpful brother. I will be watching all of your videos later on.
    Keep making great content like this one.
    Thank you so much 🙏

  • @yourmirrorworld
    @yourmirrorworld 8 หลายเดือนก่อน

    yes this video was really helpful for me to understand the grid layout because i always use flex layout so i even not read about the grid...

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

    Another fantastic video like always. Thanks sir

  • @navaneesh.a1293
    @navaneesh.a1293 9 หลายเดือนก่อน +1

    helpful , thank you

  • @lakshya2204
    @lakshya2204 3 หลายเดือนก่อน +1

    advice just span use kro
    grid row: span 3;
    3 box me row ko span karega

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

    amezing explantion , everyone watch this video

  • @TilottamaNarkhede
    @TilottamaNarkhede 8 หลายเดือนก่อน

    Best Videos On CSS

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

    You want to learn Web developement
    Best place ❤

  • @not__neutral___68
    @not__neutral___68 7 หลายเดือนก่อน

    Bahiya A lot of love and respect for you from ____🇵🇰❣️

  • @HighonGames-l2f
    @HighonGames-l2f ปีที่แล้ว

    Best video on grids

  • @AmnaRubab-s3z
    @AmnaRubab-s3z ปีที่แล้ว

    bohat bohat achaa explain kiyaa apny

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

    Excellent work....thumbs up...🙂

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

    Thank you...

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

    I can't understand hindi but i understand what you say nice video any notes for this video❤

  • @arpitchaudhary1048
    @arpitchaudhary1048 4 หลายเดือนก่อน

    Best explanation sir ❤

  • @AmitMishra-uu3ri
    @AmitMishra-uu3ri 7 หลายเดือนก่อน

    What an amazing content 😇

  • @tejraj.dewangan
    @tejraj.dewangan หลายเดือนก่อน

    great bhaiya...

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

    Please increase the video frequency borther at least 4 - 5 video in week I like your explaining approach

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

    Thanks a lot
    Good work

  • @bushrakhansdiary
    @bushrakhansdiary 2 หลายเดือนก่อน

    Very helpful.. Thanks

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

    thank you very much sir for this clear content

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

    Samjhate achcha ho bhai ap❤

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

    Good sir please bring more videos like this also make a clone website with media queries and also brine previous project media queries video.

  • @GkKibriaOfficial
    @GkKibriaOfficial 5 หลายเดือนก่อน

    bhai you are a G.O.A.T

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

    Helpful❤

  • @RajveerSingh-zg9vd
    @RajveerSingh-zg9vd 10 หลายเดือนก่อน

    Really Helpful video

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

    your content is amazing bhaiya, thankyou for this series

  • @vimal.dudakiya
    @vimal.dudakiya 3 หลายเดือนก่อน

    Nice content !!!

  • @lakshya2204
    @lakshya2204 3 หลายเดือนก่อน

    if you don't understand topics on whole internet and finally come here and now you know all things then like you are same as me😁

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

    Sir please upload daily one video

  • @zavedshaik2760
    @zavedshaik2760 5 หลายเดือนก่อน

    loved this

  • @grx4.067
    @grx4.067 2 ปีที่แล้ว

    bhaiya gajab 👌👌👌👌✨✨✨✨

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

    awesome video sir

  • @Anonymous1700-m9d
    @Anonymous1700-m9d ปีที่แล้ว

    just love it❤

  • @ArjunGupta-k7g
    @ArjunGupta-k7g ปีที่แล้ว

    Thank you sir 🙏

  • @archanasarang5592
    @archanasarang5592 6 หลายเดือนก่อน

    Very much helpfull

  • @ManglaMangla-c9y
    @ManglaMangla-c9y 7 หลายเดือนก่อน

    what is diffrence b/w in grid-column: 1 / span 3 and grid-column: 1 / 3

  • @Pd-bh1kd
    @Pd-bh1kd 6 หลายเดือนก่อน

    17:25 Grid item

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

    justify-items s kya hoga?

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

    very impressive tutorial

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

      legend are watching it after 4 month **Like me**

  • @desh-ki-जनता
    @desh-ki-जनता ปีที่แล้ว

    osam bhai🥰🥰🥰

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

    Thanks

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

    Good video

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

    Hi
    ap ne grid mein vo function nhi bataye jo flex mein thy
    jese k
    Position sticky
    position fixed
    ye Function grid mein kese use hon gaay

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

    Please make a playlist in your video

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

    We need a Full responsive site using grid only🙏

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

    legend are watching it after 4 month **Like me**

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

    10:26

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

    amazing

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

    Can we have the grid Project Video what you're talking about..🙂

  • @UJJWALSHARMA-bt8ip
    @UJJWALSHARMA-bt8ip 19 วันที่ผ่านมา

    Inspect me Row and column waale number kaise enable kare...?

  • @JustCreatorBoy.79
    @JustCreatorBoy.79 6 หลายเดือนก่อน

    Great sir 😃👍👍👍👍👍 i wrote 2 pages 📄

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

    helpful

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

    bhai woh Emmet Cheat Sheet ka link description m mil jaye toh acha hota

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

    helpfull

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

    coding link is not open'

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

    In the drive link CSS All notes are not Present please put the rest of the notes about CSS
    Please

  • @Collegemitra-Official
    @Collegemitra-Official 2 ปีที่แล้ว +2

    I've seen a lot of negative comments on your previous videos like - " he's not gonna complete this course just promoting his paid course, don't trust these nsut guys and lot more " but I just want to say one thing bhaiya ignore these people and do whatever you're doing I don't know whether you're completing this course or not, I can proudly tell my juniors that Anuj bhaiya is best I've learnt java,python, DSA from you and will recommend my juniors also ❤️
    I've seen a lots of guys posted the website's clone they've made using your course and that was really superb even though I can't join your course but I know you as and instructor is beast in himself 🔥💖

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

    Notes are not getting uploaded after lecture 15

  • @Premoraon-k2o
    @Premoraon-k2o 18 วันที่ผ่านมา

    🔥🔥🔥

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

    sir why code link is not open please reply me kindly?

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

    sir full stack web development course ferse karouge keya ?
    kyunki mene full stack course lenehi paya 😥😥

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

    Hello brother

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

    Bhai java script kab batao ge

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

      Bhai pehle css to hojane de

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

    ❤❤❤❤❤

  • @भाईजॉन
    @भाईजॉन 2 ปีที่แล้ว +1

    🥇🙏🏻💙

  • @SalmanHanif_
    @SalmanHanif_ 3 หลายเดือนก่อน

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

    take love

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

    Anuj bhaiya is topic ki to apne pdf hi upload nhi ki 🥺

  • @KaranDingre
    @KaranDingre 4 หลายเดือนก่อน

    Watching video on 0.75x

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

    Hello

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

    Kya huwa anuj bhai beech mein khatam kardiye web developer course

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

    Grid Not Working in 2022

  • @LovepreetSingh-l9j7n
    @LovepreetSingh-l9j7n 9 วันที่ผ่านมา

    Notes nhi is topic ka

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

    Any one have notes of these vedio please contact🙏🙏🙏🙏

  • @NehaPatiyal-ew3gd
    @NehaPatiyal-ew3gd 7 หลายเดือนก่อน

    Coding clear nh show ho re

  • @ColorfullCartoonKids
    @ColorfullCartoonKids 8 หลายเดือนก่อน +2

    Bhaiya aap nhi hote toh kya hota.!!!!!!! people like you are blessings to students. Thankyou soo much

  • @umar-p6u
    @umar-p6u 4 หลายเดือนก่อน

    Thankyou

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

    Please make a playlist in your video

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

    Please make a playlist in your video

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

    Please make a playlist in your video

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

    Please make a playlist in your video

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

    Please make a playlist in your video

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

    Please make a playlist in your video

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

    Please make a playlist in your video