Khóa Học

Flexbox Photo Gallery

Quay lại bài học

Flexbox Photo Gallery

Lập trình

Tạo gallery ảnh responsive với Flexbox

Tạo gallery ảnh với các tính năng: - Layout linh hoạt với flex-wrap - Ảnh tự động co giãn - Hiệu ứng hover - Responsive cho mobile

Code mẫu
<!DOCTYPE html>
<html>
<head>
  <style>
    .gallery {
      /* Viết CSS của bạn ở đây */
    }
  </style>
</head>
<body>
  <div class="gallery">
    <div class="photo-item">
      <img src="https://via.placeholder.com/400x300" alt="Photo 1">
    </div>
    <!-- Thêm nhiều ảnh khác -->
  </div>
</body>
</html>