Trang web tĩnh cơ bản 04
Code trang Landing page tĩnh entex_recruitment (Task09)
File thiết kế
| PC | SP |
|---|---|
 |  |
Yêu cầu công việc
- Kiểm tra file design (XD) và mark up bằng EJS/SASS. Website tham khảo:
- Thực hiện code trang web dễ nhìn trên tất cả các kích cỡ màn hình, đồng thời ý thức đến hiển thị trên kích cỡ tablet.
- Code phần tử video b ằng cách sử dụng video mẫu.
- Code phần Company bằng cách sử dụng tag table.
Nhiệm vụ và điểm quan trọng
Nhận biết lỗi design trong file design để không mất thời gian vô ích cho việc cố gắng tái hiện lỗi design đó bằng code.
Cài đặt nhiều breakpoint để tái hiện design một cách tỉ mỉ. Hoặc nếu không cài đặt nhiều breakpoint thì phải thiết kế CSS sao cho hiển thị responsive một cách tự động. Ví dụ, sử dụng display: flex để tăng/ giảm kích cỡ màn hình theo tỉ lệ, đồng thời cài đặt minimum size và maximum size cho màn hình.