CSS Grid trong 30 phút (2022)

👉 Tìm hiểu khoá học React Pro: academy.holete...
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: [e-mail]
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

[@babayaga3303]

đ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]

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]

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 ạ ♥

[@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.

[@tumanhnguyen881]

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 ạ

[@thuongmg]

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

[@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

[@romeiyu3491]

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

[@phuvan8847]

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

[@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.

[@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

[@KhangNguyen-kq2iw]

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

[@trachtunguyenho8580]

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

[@yughiole7088]

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

[@tuannguyenthai]

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

[@juhandvan]

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

[@tranthi-n5s]

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

[@nhatpham2982]

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

[@and.v761]

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

[@F97Official]

Cảm ơn anh đã chia sẻ kiến thức hữu ích này

[@nguyenxuanhuy247]

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

[@oanquocbao6309]

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

[@tuannhatvo39]

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

[@fontzin]

Lợi hại quá, cảm ơn bạn.

[@nhanle4326]

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

[@ngocbao2436]

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

[@manhaosy8644]

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

[@nnc_86]

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

[@nhantrantrungnhan2817]

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

[@longnguyentrong5959]

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

[@minhucphan7701]

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

[@huydo162]

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

[@vanquang8382]

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

[@thaof1898]

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

[@phankhanh5029]

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

[@huyxuan6194]

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

[@tnln7893]

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

[@phuvo4658]

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

[@truonghoanglong541]

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

[@baotrangia8616]

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

[@duongnguyentung1536]

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

[@worldwideentertainment284]

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

[@maicaotri3668]

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

[@conqdat]

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

[@maianhbao9796]

Đã 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]

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

[@letractien]

Hay quá anh ơi

[@khoaang2546]

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

[@baoduy7198]

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

[@holetex]

cảm ơn em nhé

[@duybao1338]

Cám ơn anh vì Clip

[@thuvu4989]

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 ạ?

[@bachnedm3842]

Hay quá ạ

[@nguyenquangtrung9373]

hay quá ạ

[@trongnhantran3322]

rat de hieu

[@mngt-jc9dw]

Like trước coi sau

[@angtinh5078]

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

[@Hanacon-UwU]

Khá cuốn

[@hiune2711]

Hayyy quá anhh

[@duyanhao4984]

Cảm ơn anh ạ

[@nguyendinhbac7165]

cam on ban !

[@ucmanucians9548]

Làm video về responsive đi ạ

[@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 ạ

[@theantd.2699]

tuyệt vời

[@SangNguyen-fk7ce]

em cảm ơn anh nha 😍

[@nghiatranai2785]

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

[@datnguyenquy2386]

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 ạ

[@vanannguyen1534]

hay quá

[@angVanHuy-tf2rv]

hay quá a

[@holetex]

cảm ơn em nhé

[@quanphung1554]

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

[@googleaccount663]

hay quá ạ

[@holetex]

cảm ơn em nhé

[@thailevan9710]

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

[@hoangvacban]

hayyyyyyyyyyyyyyyyyyyyyyyyyyyyy

[@TranPhuoc-to6en]

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]

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

[@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?

[@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 ạ

[@hifanci2506]

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]

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é

[@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]

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

[@holetex]

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

[@dunghoang6822]

[@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!

[@unclefivefootball]

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

[@uyennhi3700]

Pause.

[@tientheloser8038]

Hay quá anh ơi

[@anhtuanle4991]

Cảm ơn a

[@xuaninh2246]

cảm ơn a

[@hainguyenviet809]

Hay anh ơi