• Cùng tham gia cộng đồng FuOverflow trên Facebook  www.facebook.com/groups/fuoverflow

  • Ra mắt hệ thống Check điểm các môn thi sớm để về quê tự động, nhanh chóng tại FUO - Check score
    Check không đúng cam kết sẽ hoàn tiền

Đề Thi PE WED201c_PE_FA23_872419

  • Bắt đầu Bắt đầu Misa
  • Ngày bắt đầu Ngày bắt đầu
  • Trả lời Trả lời 29
  • Xem Xem 11K
  • Thẻ Thẻ
    wed201c
Campus
Hồ Chí Minh
Học kỳ
FALL2023
Loại tài liệu
PE

Misa

Moderator
FUO NOVA
Nhà tài trợ
Thành viên cấp cao
FPT Student
Siêng Năng
Top Poster Of Month
Tham gia
30/6/23
Bài viết
2,695
Reaction score
9,691
FUO Point
228,756
WED201c_PE_FA23_872419
03/12/2023 7h30
 

Đính kèm

  • 1.webp
    1.webp
    30 KB · Xem: 3,476
  • 2.webp
    2.webp
    44.1 KB · Xem: 3,340
  • 3.webp
    3.webp
    30.8 KB · Xem: 3,393
  • 4.webp
    4.webp
    41 KB · Xem: 3,459
  • 5.webp
    5.webp
    64.9 KB · Xem: 3,232
  • 9.webp
    9.webp
    35.5 KB · Xem: 3,092
  • 8.webp
    8.webp
    53.4 KB · Xem: 3,001
  • 7.webp
    7.webp
    45.5 KB · Xem: 2,753
  • 6.webp
    6.webp
    31.4 KB · Xem: 2,591
  • 10.webp
    10.webp
    50.6 KB · Xem: 3,283
  • WED201c_FE_FA23_872419.zip
    WED201c_FE_FA23_872419.zip
    4.3 MB · Xem: 1,378
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
 
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.
 

Đính kè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.
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
 
xin gửi bài tự làm góp vui chung vs bạn minthep, xin đc góp ý nếu có sai sót
 

Đính kèm

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 =))))
 
xin gửi bài tự làm góp vui chung vs bạn minthep, xin đc góp ý nếu có sai sót
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!
1713077978828.webp
Note: Đặt tên class theo chuẩn BEM dễ chỉnh hơn !
 
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!
View attachment 103235
Note: Đặt tên class theo chuẩn BEM dễ chỉnh hơn !
thanks đại ca @seloena
 
Bà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 =)))
 
Nếu muốn phần 9 cái ảnh giống như đề thì dùng flex-box sẽ dễ hơn dùng bootstrap
 

Đính kèm

Back
Bên trên