👉 Xem Lộ Trình Học:
👉 Đăng Ký Học Offline Tại F8:
Trong video này chúng ta sẽ thực hành tạo đối tượng Row trong Grid system | Responsive design
Row nghĩa là hàng, được sử dụng để chứa các Columns. Row giúp định hướng các Columns theo chiều ngang. Row sử dụng margin với giá trị âm sang 2 phía trái/phải để “bù trừ” cho khoảng padding trái/phải của Columns (Column padding trái/phải để tạo ra rãnh ngăn – hay còn gọi là gutters).
#hoclaptrinh #hoclaptrinhmienphi #javascript #responsive #frontend #backend #devops #f8
——-
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh:
Công cụ đo đạc giao diện web:
Công cụ viết CV xin việc chuyên nghiệp:
————–
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn:
Xây dựng giao diện với HTML, CSS:
Xây dựng web responsive:
Lập trình Javascript cơ bản:
Lập trình Javascript nâng cao:
Làm việc với Terminal & Ubuntu:
Xây Dựng Website với ReactJS:
Xây dựng web với Node & Express:
HTML, CSS tips:
Ứng dụng cảnh báo khi sờ lên mặt:
Xem thêm tại:
————————————-
F8 Official
(c) Sơn Đặng
Website:
Facebook cá nhân:
Nhóm Học Lập Trình Web:
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.
.container {
max-width: 1300px;
margin: 0 auto;
}
@media screen and (max-width:1340px) {
.container {
width: 1100px;
margin: 0 auto;
}
}
@media screen and (max-width:1150px) {
.container {
width: 940px;
margin: 0 auto;
}
}
@media screen and (max-width:1000px) {
.container {
width: 820px;
margin: 0 auto;
}
}
@media screen and (max-width:860px) {
.container {
width: 720px;
margin: 0 auto;
}
}
@media screen and (max-width:750px) {
.container {
width: 100%;
margin: 0 auto;
}
} em responsive khoảng cách thu dần từ từ lại như vậy có ổn ko anh chứ code theo a nó bị lỗi ở padding
Sao em thêm thuộc tính margin trái phải âm nhưng vẫn không loại bỏ giuters ạ😢
sao của em không giống như của chủ kênh, col padding thì bị xuống dòng
Sao e thấy video đầu a khuyên dùng đơn gị là em. nhưng các video sau vẫn dùng px ạ
Chào mọi người, mọi người gỡ rối giúp mình.
10:40 tại sao mình lại phải cần gọi “.wide .row” thay vì chỉ gọi “.row”.
Và ở một video trước, video tạo grid. Tại sao Sơn lại gọi “.grid.wide” thay vì chỉ cần gọi “.wide” là đc? Và ở offset có một chỗ tương tự. Mình thấy không khác nhau gì khi đã set media query. Cảm ơn nhiều.
Anh ơi mình làm một khóa về ReactJS được không ạ. Em đang kiếm video học nhưng mà vẫn thích học trên F8 này hơn. Mong anh ra video sớm ạ
bài học rất hay anh ạ. Anh cho em hỏi chút là khi min-width: 1113px thì row margin left và right -12px. Và trong trường hợp (min-width:1024px) and (max-width: 1239px) thì row cũng margin left và right -12px. Vậy thì có thể chuyển break poin 1113px xuống 1024px để row margib -12px, rồi xét width của wide riêng trong khoảng (min-width:1024px) and (max-width: 1239px) được ko a. Em cản ơn anh đã xem ạ, chúc a có nhiều sk <3
Mình là mẹ bỉm cũng đang tìm hiểu và học lập trình, cảm ơn bạn nhiều lắm
Anh xem mãi cái chỗ @media (min-width: 1113px) mà vẫn không hiểu tại sao lại có con số này! Em có thể giải thích kỹ giúp a được không ?