1. Dàn lại bố cục CV bằng Flexbox
💪 Tự code, tự làm, không bảo "AI" làm hộ – Chúc bạn hoàn thành tốt bài tập! 🚀
- Dựa trên cv.html buổi 4, tạo cv-flex.html
- Dùng Flexbox chia bố cục: Sidebar trái (ảnh + info) + Main content
- Áp dụng các thuộc tính Flexbox đã học
2. Dàn lại Pricing Table bằng Flexbox
💪 Tự code, tự làm, không bảo "AI" làm hộ – Chúc bạn hoàn thành tốt bài tập! 🚀
- Tạo file pricing-flex.html từ bài cũ
- Dùng Flexbox đặt 3 khối giá ngang hàng
- Canh giữa nội dung, kích thước 3 khối bằng nhau
3. Tạo Layout danh sách sản phẩm mới
💪 Tự code, tự làm, không bảo "AI" làm hộ – Chúc bạn hoàn thành tốt bài tập! 🚀
- Tạo file product-list.html (6-9 sản phẩm)
- Layout 3 sản phẩm/hàng, tự xuống dòng
- Hiển thị: Ảnh, Tên, Giá, Nút mua
- Hover effect: Box-shadow nổi bật
4. Layout Login – Register
💪 Tự code, tự làm, không bảo "AI" làm hộ – Chúc bạn hoàn thành tốt bài tập! 🚀
- Tạo register-layout.html
- Bố cục 2 nửa: Trái (Ảnh) - Phải (Form)
- Dùng Flexbox căn giữa form dọc và ngang
5. Chinh phục Froggy Pro
💪 Tự code, tự làm, không bảo "AI" làm hộ – Chúc bạn hoàn thành tốt bài tập! 🚀
- Vượt qua ít nhất 2 pond tại froggy-pro.fullstack.edu.vn
- Chụp ảnh màn hình lưu vào /img/
- Chèn 2 ảnh và mô tả ngắn gọn vào file froggy.html