**Series thử thách 30Days thực chiến - Day 1** **Thiết kế Product Card...

Tắt Quảng Cáo [X]

Đăng Nhập để ẩn Tất Cả Quảng Cáo

#j2team_share #j2team_tutorial

**Series thử thách 30Days thực chiến - Day 1**

**Thiết kế Product Card trong 45'**

Bắt đầu chuỗi series các bạn hãy cùng mình tìm hiểu cách tạo ra một Product Card nhé:

**Youtube:** youtube.com/watch?v=3odtU8VL3Mc

**DEMO: ** Vui lòng đăng kí hoặc đăng nhập để thấy liên kết tại BigMMO

**Được sử dụng:** Các Product Card được thường được dùng trong các website thương mại điện tử, shop bán hàng cá nhân mang lại trải nghiệm người dùng khiến sản phẩm xịn sò qua đó kích thích nhu cầu mua của khách. Hãy cùng mình đi vào chi tiết sản phẩm

**Chi tiết thành phần và mục đích: **

*Container: (Khu vực nền tô điểm sp, phân khối giữa các card)*

*Ảnh Sản phẩm : (Điểm nổi bật nhất của card)*

*Thông tin chi tiết: (Show thông tin tổng quát một cách ngắn gọn)*

*Icon tiện ích: ( Lựa chọn tiện lợi, nhỏ, k làm thay đổi bố cục chính)*

*Khu vực Action: (Hiệu ứng kích thích hành động mua hàng)*

**Kiến thức sử dụng:**
* Layout
* Flex
* Tranform: rotate, translate, scale, transition
* :root variable

Mỗi ngày sẽ ra một video kèm phân tích về từng thử thách, mọi thắc mắc câu hỏi mọi người comment bên dưới sẽ đc đội nhóm bên mình hỗ trợ luôn nhé.

**Note: **Mọi người có thể tìm thông tin bài viết dễ dàng theo hashtag dưới đây

#30Dayschallengecode #30dayschallengecode_day1