Gặp đề này dễ gãy =)))
.Sec2Text{
position: absolute;
top: 0;
left: 25px;
color: white;
}
Absolute phải khai báo vị trí mới xuất hiện không thì nó sẽ ở sau bức ảnh, Bootstrap Row để cho các Column nằm trên một row, còn ở 4 ảnh bên phải không gọi Row thì nó sẽ tự động xuống dòng.
Còn lại Mở bài Kết bài như cho điểm
.Sec2Text{
position: absolute;
top: 0;
left: 25px;
color: white;
}
Absolute phải khai báo vị trí mới xuất hiện không thì nó sẽ ở sau bức ảnh, Bootstrap Row để cho các Column nằm trên một row, còn ở 4 ảnh bên phải không gọi Row thì nó sẽ tự động xuống dòng.
Còn lại Mở bài Kết bài như cho điểm
Hàng rep 1:1 y cái đề, bao gồm mobile-device.
Note: Bài tự làm không phải chứ không phải bài 10 PE.
Note: Bài tự làm không phải chứ không phải bài 10 PE.
cái này chỉ có mỗi phần 4 ảnh nhỏ sec 2 khi display mobile không đều chiều cao vs rộng nên hình hơi lạ, nhưng mà chắc chắn 9+, bạn này vjp lắm
Bài 10 ngày trước nó khác bây giờ lắm, ổng còn đang làm lại hết các đề PE nữa kìa =))))
Check được một số lỗi nè:
- .container-fluid mặc định của bootstrap có padding-left với padding-right, set lại 2 cái bằng 0 tại đề không có lề 2 bên (phần header và footer) và các nội dung bên trong thêm lề trái và phải cho khớp với đề (yêu cầu thứ hai của phần CSS á)
- Phần responsive tớ thấy chưa oke lắm á:
+ Logo ông chưa giảm kích thước xuống nên nó bị to quá, width: 150px là oke.
+ Title của các nội dung to hơn mẫu, dễ xô lệch phần giao diện.
+ Thiếu margin-bottom ở một số chỗ, trong mẫu các phần không dính liền như vậy!
Note: Đặt tên class theo chuẩn BEM dễ chỉnh hơn !
góp ý để cùng nhau giỏi thôi chứ có j đâu ông @minthepBài 10 ngày trước với bài bây giờ nó lạ lắm anh em ạ)) anh em bình tĩnh
Nguyên cứu đáp án củya chính bản thân thì sau 15 ngày cày thì quả header với quả footer các đề nó gần như giống y 99% )
)
Cấi nav với cái footer nên xài margin-left right : -15px; còn lại xài bằng mắt mà canh thôi, làm 2 tiếng header ctrl+c ctrl+v là xong bài rồi =)))
Similar threads
