CSS Grid trong 30 phút (2022)

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ส.ค. 2024
  • 👉 Tìm hiểu khoá học React 2024: holetex.com/re...
    CSS Grid là một công cụ rất mạnh mẽ giúp chúng ta có thể bố cục các thành phần HTML. Với việc sử dụng CSS Grid sẽ giúp chúng ta dễ dàng bố cục các element trên trang web từ những layout cơ bản cho tới các layout phức tạp. Những layout mà nếu không có CSS Grid thì sẽ rất khó hoặc không thể bố cục được. Và mình tin khi theo dõi xong video này thì các bạn có thể hiểu rất rõ về CSS Grid và dễ dàng áp dụng nó vào các dự án của các bạn.
    ⏰ Timestamp ⏰
    TBD
    🔗 Link tham khảo 🔗
    Flexbox trong 15phút • Flexbox CSS trong 15 p...
    CSS Position • Position CSS trong 10 ...
    📢 Liên hệ với mình tại:
    Facebook: / holetex
    Instagram: / holetex
    Github: github.com/hol...
    Facebook cá nhân: / minhtung09
    Email: holetex@outlook.com
    Website: holetex.com
    🤝 Tham gia làm hội viên của kênh này để được hưởng đặc quyền:
    www.youtube.co...
    #holetex #frontend #cssgrid #gridlayout

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

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

    đi làm 4 tháng mà vẫn chưa biết đến grid lợi hại như này. Xưa giờ code flexbox dư div thừa thãi nhiều quá. Từ nay sẽ kết hợp để code nhanh layout tiết kiệm thời gian mà người khác dễ fix sau này hơn. Cảm ơn anh Tùng nhiều nhé anh.

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

    hay quá anh ơi,lần đầu tìm thấy kênh anh học cuốn quá ngồi mấy tiếng k chán luôn

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

    Em cảm ơn anh đã chia sẻ về CSS Grid ạ, xem xong của anh thì em thấy hiểu bài lắm ạ ♥

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

    em xem xong phải thực sự wow vì kiến thức này rất hay mà em chưa được học, và sự giải thích của anh rất ngắn gọn và dễ hiểu. Cảm ơn anh rất nhiều ạ

  • @HiepTran-gd5er
    @HiepTran-gd5er ปีที่แล้ว

    Cảm ơn bạn vì cách truyền đạt rất dễ hiểu, giọng nói cũng rất dễ nghe. Chúc kênh của bạn thêm nhiều thành công và có nhiều người biết đến.

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

    Cảm ơn anh nhiều lắm, bài học anh chia sẻ rất dễ hiểu ạ.

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

    video thật sự đã giúp em rất nhiều, cảm ơn thầy.

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

    video co hinh anh rat hay, minh hoa sinh dong, Mong kenh ngay cang phat trien ah!!!

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

    Thầy giảng rất chi tiết và dễ dàng tiếp thu. Em xin cảm ơn :3

  • @HaiNguyen-wh6gc
    @HaiNguyen-wh6gc ปีที่แล้ว

    Cảm giác giống table, nhưng mà xịn hơn nhiều 🤣 video rất hay, anh dạy rất dễ hiểu

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

    cảm ơn anh nó thật sự rất giúp ích cho em ngay lúc này

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

    Quá tuyệt vời luôn anh ơi, bài giảng siêu chi tiết và dễ hiểu, dễ hình dung

  • @and.v761
    @and.v761 ปีที่แล้ว

    lâu ko dùng xem video của a sáng ra :D

  • @nhutthanh-ym9kt
    @nhutthanh-ym9kt ปีที่แล้ว

    Video rất hay và hữu ích. Cảm ơn anh nhiều. Chúc anh có nhiều sức khỏe.

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

    anh dạy kỹ thật quá hay

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

    Hay quá, mong anh sẽ làm thêm nhiều video ạ

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

    video anh hay, dễ hiểu. Mong anh ra nhiều video hơn nữa nha

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

    rất chi tiết và dễ hiểu, cảm ơn anh

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

    a truyền đạt rất dễ hiểu

  • @ThiTran-gj7xs
    @ThiTran-gj7xs ปีที่แล้ว

    cảm ơn anh đã chia sẻ kiến thức, rất hay , dễ hiểu

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

    Anh dạy rất hay và dễ hiểu. Em cám ơn anh nhiều ạ

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

    A giải thích rất dễ hiểu ạ 🎉

  • @KhangNguyen-kq2iw
    @KhangNguyen-kq2iw 2 ปีที่แล้ว

    Video làm kĩ càng với chăm chút quá ạ, cảm ơn anh vì video bổ ích này

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

    lần đầu tiên xem video của anh, thiệt sự hay lắm luôn ạ.
    giảng rất dễ hiểu,
    mong anh ra thêm nhiều video về những chủ đề khác ạ! cảm ơn anh rất nhiều

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

    anh hướng đẫn dễ hiểu quá, em cảm ơn anh nhiều ạ

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

    Rất rất cảm ơn anh, tuyệt vời quá a ơi

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

    hay quá anh ơi , tuyệt vời quá ạ

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

    Hay quá anh ơi

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

    Cái grid area này lợi hại thật 😅

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

    cảm ơn anh rất hữu ý và dễ hiểu

  • @CanhNguyen-iv7gq
    @CanhNguyen-iv7gq 2 ปีที่แล้ว

    a giải thích dễ hiểu quá. Cảm ơn a rất nhiều

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

    Anh dạy rất dễ hiểu, cảm ơn anh rất nhiều ạ

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

    Cảm ơn anh ạ, a dạy rất dễ hiểu

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

    Tuyệt vời. Cảm ơn anh đã chia sẻ

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

    Anh dạy dễ hiểu quá ạ, mang ơn anh 😍😍😍

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

    cái grid-area giờ mới biết luôn. ảo thật =))

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

    Anh dạy dễ hiểu ghê . c.ơn anh đã mang lại những bài học bổ ích 🥰

  • @mngt-jc9dw
    @mngt-jc9dw 2 ปีที่แล้ว

    Like trước coi sau

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

    tuyệt vời. cảm ơn anh nhiều ạ!

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

    Hay quá a ơi, Cảm ơn a nhiều ạ

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

    anh dạy dễ hiểu và hay quá . Mong a làm thêm về responsive nữa ạ

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

    Bài giảng của anh rất dễ hiểu, chỉ cói điều anh nên mở nhạc nền nhỏ thôi, to quá gây mất trung

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

    cảm ơn anh nhiều dễ hiểu lắm ạ

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

    hay quá ạ

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

    Cám ơn anh vì Clip

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

    Anh dạy dễ hiểu thiệt

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

      cảm ơn em nhé

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

    cảm ơn a

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

    cảm ơn anh rất nhiều

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

    rat de hieu

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

    Hayyy quá anhh

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

    Cảm ơn video của a ạ, mong a sẽ tiếp tục ra nhiều video hay nữa ạ.
    Anh có thể làm về Responsive đc không ạ?

  • @theantd.2699
    @theantd.2699 2 ปีที่แล้ว

    tuyệt vời

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

    Đã học SCSS thấy a dạy rất chi tiết và video rất chuyên nghiệp đầu tư giúp người dùng dễ học. Kỳ vọng có khoá Javascript vs VueJS trong thời gian tới.
    Mong anh ra nhiều video đầy đặn và được đề xuất được nhiều người ủng hộ và biết đến nhiều hơn giống như F8 Offical. Và upload link code bài tập trong video lên để cho mọi người dễ dàng thực hành nữa ạ

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

      Cảm ơn em đã ủng hộ anh nhé ❤️❤️❤️

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

    Hay anh ơi

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

    Cảm ơn anh ạ

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

    cam on ban !

  • @SangNguyen-fk7ce
    @SangNguyen-fk7ce 2 ปีที่แล้ว

    em cảm ơn anh nha 😍

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

    Anh làm thêm video về responsive được không ạ

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

    Làm video về responsive đi ạ

  • @angVanHuy-tf2rv
    @angVanHuy-tf2rv 2 ปีที่แล้ว

    hay quá a

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

      cảm ơn em nhé

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

    quá hay A idol trong lòng E mỗi là reactjs A có thể làm cơ bản hơn 1 tí k ạ :v

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

    hay quá

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

    hayyyyyyyyyyyyyyyyyyyyyyyyyyyyy

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

    Anh làm với Grid System bên MUI đi anh :v

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

    anh ơi ở phút 8:10 khi em thử cho một đoạn text dài như vậy thì content xuống dòng và tràn ra khỏi cái box và chiều cao của box đó không đổi là do bị làm sao ạ

  • @thailevan9710
    @thailevan9710 4 ชั่วโมงที่ผ่านมา

    em xin file thư viện grid vừa code với ạ

  • @TranPhuoc-to6en
    @TranPhuoc-to6en ปีที่แล้ว +1

    Hi anh ! Không biết sao phần mềm VS Code của e nó không hỗ trợ code (lúc code ứng dụng ,nó không xuất hiện thẻ gợi ý trong khi code ).Không biết là phiên bản của em không hỗ trợ hay chưa bật thì bây giờ làm sao để nó xuất hiện thẻ gợi ý trong khi code?.Mong a giúp hoặc có thể ra hẳn 1 clip

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

      Mặc định vscode có hỗ trợ tính năng này đó em. Em update bản mới nhất và xem thử đã cấu hình bật tính năng này lên chưa nhé
      code.visualstudio.com/docs/editor/intellisense#_customizing-intellisense

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

    anh ơi sao đoạn phút 17 em xài row end 4 nó k kéo xuống như vid mà giữ về line 3 vậy ạ

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

    sao height là 52px khi cộng boder mà mấy cái kia vẫn 300px , 200px nhỉ, width ko cộng boder à mọi người?

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

    CSS Grid quá mạnh, flexbox không có cửa luôn á :))

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

    em hay xài % thay cho fr kiểu grid-template-columns: 1fr 1fr => grid-template-columns: 50% 50%, thì có nên ko ạ, tại quen xài %, em tìm gg thì không ai nói gì về vấn đề này cả.

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

      1 vấn đề sẽ luôn có nhiều cách giải quyết. Không có đúng hay sai, miễn là dùng cách nào mà giải quyết được mong muốn của em là được nhé

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

    em làm CSS bị lỗi ạ, em tạo lưới thành 3 cột, mỗi cột 1 fr nhưng không hiểu sao thằng ngoài cùng nó cứ cắm vào thằng thứ 2 ạ

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

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

    Lý thuyết và thực tế thì flex và grid 2 thằng này đều làm gì cũng được, nhưng sau khi xem qua video anh dạy sâu vào grid thì công nhận flex đéo có cửa thiệt :))

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

    Anh có bán khóa học online ko ạ ?

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

      hiện tại anh chưa em ơi, nhưng sang năm sẽ có em nhé

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

    Pause.

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

    A 'grid' teach! Unfortunately, we (Vietnamese) are generally very poor teachers; that's reason why our education is in undersurface? This guy is standing out from the crowd!

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

    Hay quá ạ

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

    Hay quá anh ơi

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

    quá tuyệt vời, cám ơn anh ạ

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

    Cảm ơn a

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

    hay quá ạ

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

      cảm ơn em nhé