Responsive layout với CSS Grid

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.
Và trong video này chúng ta sẽ cùng nhau tìm hiểu cách để tạo Responsive layout với CSS Grid.
📚Các kiến thức sẽ tìm hiểu 📚
✔ Responsive layout là gì?
✔ Sử dụng @media query tạo responsive layout
✔ Sử dụng thuộc tính của CSS Grid để tạo responsive layout
✔ Tạo trello layout bằng CSS Grid
🔗 Link tham khảo 🔗
Source code github.com/hol...
CSS Grid • CSS Grid trong 30 phút...
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
Tiktok: / 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

[@MikeDuyNg-MA]

Rất hay , mong kênh được nhiều bạn trẻ biết đến hơn

[@duynd243]

Rất hữu ích, cảm ơn anh ❤

[@quanphung1554]

Đang cần thì có video luôn. Anh có làm về grid system của MUI k a nhỉ

[@chuongtran2208]

em chúc anh luôn có nhiều sức khỏe ạ 😄

[@holetex]

Anh cảm ơn em nhiều nha!

[@ninacam5315]

video quá hay

[@nali8350]

anh dạy chi tiết quá thanks anh nhìu ạ

[@haiciiu3185]

hay quá anh, học bootstrap 5 phần nào hiểu được cách ngta làm

[@salad5674]

🔥

[@khanhduyle8789]

Giữa flexbox và grid thì mình nên dùng cái nào a

[@holetex]

Sử dụng cả 2 em. Xài grid xây khung lớn như header footer content. Rồi trong từng phần như content thì áp dụng flexbox cho các components ở trong

[@codelikeacow2504]

Bạn đang dùng ứng dụng gì để co kéo được 2 cửa sổ cùng lúc như vậy trên macos ạ?

[@holetex]

video này mình quay máy windows 11. bên macos cũng chia ra được vậy mà bạn

[@codelikeacow2504]

@@holetex vâng bên macos cũng chia được nhưng phải co kéo từng cửa sổ một chứ ko thể resize cùng lúc 2 cửa sổ ạ.

[@longtran530]

@@codelikeacow2504 đc mà a, kéo y như trên clip đc luôn mà

[@codelikeacow2504]

@@longtran530 mình đang dùng monterey 12.6 toàn phải kéo chỉnh resize từng cửa sổ chứ không resize cùng lúc 2 cái được.

[@bimell7435]

@@codelikeacow2504 bạn phóng to 1 trong 2 cửa sổ ra. Sau đó ở trackpad, bạn dùng 2 ngón tay đẩy lên. Sau đó kéo cửa sổ chưa phóng to vào cửa sổ đã phóng to. Ví dụ: Bạn có chrome và vscode. Bạn phóng to chrome ra bằng nút xanh lá cây ở bên góc trái màn hình. Ở trackpad, dùng 2 ngón đẩy lên. Kéo thả vscode vào chrome. Nếu cảm thấy khó hiểu, bạn có thể tìm từ khoá "mac split screen" trên youtube.