Responsive Web Design

Mục tiêu: Thiết kế giao diện tương thích Desktop / Tablet / Mobile.

Sinh viên cải tiến website ở bài 3.

Desktop

Menu ngang

[Product] [Product] [Product] [Product]

Tablet

[Product] [Product]

[Product] [Product]

Mobile

[Product]

[Product]

[Product]

Yêu cầu sử dụng:

@media screen and (max-width: 768px) {

}

Kiểm tra tại:

1920px

1366px

1024px

768px

375px