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
đ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.
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
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 ạ ♥
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 ạ
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.
Cảm ơn anh nhiều lắm, bài học anh chia sẻ rất dễ hiểu ạ.
video thật sự đã giúp em rất nhiều, cảm ơn thầy.
video co hinh anh rat hay, minh hoa sinh dong, Mong kenh ngay cang phat trien ah!!!
Thầy giảng rất chi tiết và dễ dàng tiếp thu. Em xin cảm ơn :3
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
cảm ơn anh nó thật sự rất giúp ích cho em ngay lúc này
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
lâu ko dùng xem video của a sáng ra :D
Video rất hay và hữu ích. Cảm ơn anh nhiều. Chúc anh có nhiều sức khỏe.
anh dạy kỹ thật quá hay
Hay quá, mong anh sẽ làm thêm nhiều video ạ
video anh hay, dễ hiểu. Mong anh ra nhiều video hơn nữa nha
rất chi tiết và dễ hiểu, cảm ơn anh
a truyền đạt rất dễ hiểu
cảm ơn anh đã chia sẻ kiến thức, rất hay , dễ hiểu
Anh dạy rất hay và dễ hiểu. Em cám ơn anh nhiều ạ
A giải thích rất dễ hiểu ạ 🎉
Video làm kĩ càng với chăm chút quá ạ, cảm ơn anh vì video bổ ích này
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
anh hướng đẫn dễ hiểu quá, em cảm ơn anh nhiều ạ
Rất rất cảm ơn anh, tuyệt vời quá a ơi
hay quá anh ơi , tuyệt vời quá ạ
Hay quá anh ơi
Cái grid area này lợi hại thật 😅
cảm ơn anh rất hữu ý và dễ hiểu
a giải thích dễ hiểu quá. Cảm ơn a rất nhiều
Anh dạy rất dễ hiểu, cảm ơn anh rất nhiều ạ
Cảm ơn anh ạ, a dạy rất dễ hiểu
Tuyệt vời. Cảm ơn anh đã chia sẻ
Anh dạy dễ hiểu quá ạ, mang ơn anh 😍😍😍
cái grid-area giờ mới biết luôn. ảo thật =))
Anh dạy dễ hiểu ghê . c.ơn anh đã mang lại những bài học bổ ích 🥰
Like trước coi sau
tuyệt vời. cảm ơn anh nhiều ạ!
Hay quá a ơi, Cảm ơn a nhiều ạ
anh dạy dễ hiểu và hay quá . Mong a làm thêm về responsive nữa ạ
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
cảm ơn anh nhiều dễ hiểu lắm ạ
hay quá ạ
Cám ơn anh vì Clip
Anh dạy dễ hiểu thiệt
cảm ơn em nhé
cảm ơn a
cảm ơn anh rất nhiều
rat de hieu
Hayyy quá anhh
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 ạ?
tuyệt vời
Đã 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 ạ
Cảm ơn em đã ủng hộ anh nhé ❤️❤️❤️
Hay anh ơi
Cảm ơn anh ạ
cam on ban !
em cảm ơn anh nha 😍
Anh làm thêm video về responsive được không ạ
Làm video về responsive đi ạ
hay quá a
cảm ơn em nhé
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
hay quá
hayyyyyyyyyyyyyyyyyyyyyyyyyyyyy
Anh làm với Grid System bên MUI đi anh :v
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 ạ
em xin file thư viện grid vừa code với ạ
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
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
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 ạ
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?
CSS Grid quá mạnh, flexbox không có cửa luôn á :))
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ả.
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é
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 ạ
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 :))
Anh có bán khóa học online ko ạ ?
hiện tại anh chưa em ơi, nhưng sang năm sẽ có em nhé
Pause.
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!
Hay quá ạ
Hay quá anh ơi
quá tuyệt vời, cám ơn anh ạ
Cảm ơn a
hay quá ạ
cảm ơn em nhé