Class “grid” giúp chúng ta chứa nội dung chính hoặc các thành phần chính trên layout website.
Grid được tạo dựng linh động, có thể sử dụng cho trường hợp (full-width) với class “grid” (tượng tự class “container-fluid” trong bootstrap). Và khi muốn sử dụng 1200px Grid system 12 columns các bạn có thể sử dụng 2 class là “grid wide” (tương tự như class “container” trong bootstrap).
Grid tự động thay đổi chiều rộng trên các thiết bị khác nhau. Để đơn giản hóa việc tạo responsive layout với grid system – ở đây, mình sẽ handle việc tự động thay đổi chiều rộng của “grid” với 3 breakpoints.
Chi tiết hơn, mời các bạn xem video.
🔥 Hãy chia sẻ các khóa học, vì ngoài kia có rất nhiều người đang cần nó ❤️
🔥 Truy cập (miễn phí) để quản lý được tiến độ học của bạn. Trong tương lai còn giúp bạn có hồ sơ đẹp trong mắt Nhà Tuyển Dụng.
🔥 Tham gia nhóm Học lập trình tại F8 trên Facebook:
#hoclaptrinh #mienphi #frontend #backend #devops
—————————————
HỌC LẬP TRÌNH MIỄN PHÍ
1. Khóa Javascript cơ bản:
2. Khóa HTML, CSS:
3. Khóa Responsive web design:
—————————————
LIÊN KẾT HỮU ÍCH
1. Học lập trình:
2. Viết CV xin việc:
———————————————————–
LIÊN HỆ
1. Facebook:
2. Email: sondnf8@gmail.com
Yêu các bạn ❤️
giờ 1200 có vẻ lại k đúng nữa phải k ạ
tháng 10/2022 thì phổ biến là màn hình có còn 1280px ko mọi người
Em găp lỗi khi xuống màn hình nhỏ hơn thì đối tượng không tự căn giũa mà bị ăn sang bên trái, bên phải thì trống. Nhờ AC giải đáp
anh Sơn ơi extension a dùng là gì vậy ạ , cái lưới hiển thị cả px ấy ạ
Mọi người cho mình hỏi, sao ở @media chỉ sử dụng .wide mà không dùng .grid.wide{width:984px} ạ? E xin cảm ơn nhiều.
có bạn nào thấy fig bằng % hay hơn như mình không tự co dãn thích nghi mọi tỉ lệ màn hình luôn như vậy
@F8 Official
trong video phút thứ 11:22, tại sao chỗ PC low resolution lại có max-width là 1239px vậy anh?
xay dung web tren mobile dc ko a
chờ 1 khóa reactjs của anh. Kiên thức rất bổ ích ạ !
thật sự cám ơn anh. toàn là kinh nghiệm đi trước. dạo này không thấy anh ra khóa nào nữa
anh ơi, h em đi xem lại lại thấy, tại sao phải css phân thành .grid với .grid.wide mà không css chung một chỗ vào .grid ạ?? bởi vì em thấy sau mình dùng thì mình cũng dùng là class="grid wide" luôn chứ ạ?
Quá đã thanks anh
Anh sử dụng công cụ hay app gì mà khi anh bôi đen vào chữ tiếng anh nó tự dịch sang tiếng việt vậy ạ
Theo video https://youtu.be/9DTlSDIS5rI?t=500
F8 đặt
.grid{
width:1200px;
max-width: 100%
}
========
Còn video trên thì ngược lại giá trị của max-width:1200px, width: 100%, vậy dùng ntn mới hợp lý ạ.
Xin nhờ anh chỉ giúp.
Cám ơn anh.
giải thích chi tiết quá huynh đài ơi…. cảm ơn anh ạ ^^
like đã xem sau ^^
Video rất hay và bổ ích. Mong anh tiếp tục chia sẽ những kiến thức ạ.