Tất cả dự án

HTML và CSS · Thương mại điện tử

Trang danh sách sản phẩm cửa hàng giày

Navbar và lưới thẻ sản phẩm bằng Flexbox, xử lý ảnh lệch tỉ lệ và tên dài.

Trung bình~8 giờMentor hỗ trợCSS Flexboxobject-fitaspect-ratioline-clamp

Bài toán của doanh nghiệp

Cửa hàng giày bán qua mạng xã hội muốn có trang web riêng. Ảnh do chủ shop tự chụp có đủ tỉ lệ dọc, ngang, vuông; tên sản phẩm từ nhà cung cấp rất dài.

Trang cũ nhìn lộn xộn: thẻ cao thấp khác nhau, nút "Thêm vào giỏ" không thẳng hàng. Cần dựng lại bằng Flexbox gọn gàng ở mọi kích thước màn hình.

Kết quả cần nộp

  • Mã nguồn trên GitHub
  • Ảnh chụp ở 1280px, 768px, 375px
  • Ảnh chụp các trường hợp tên dài, ảnh lệch tỉ lệ, hết hàng

Đề bài chi tiết

Đăng ký dự án để xem đề bài chi tiết, dữ liệu mẫu và tài liệu đi kèm.