Chúng tôi thêm một số khả năng đáp ứng vào lưới mà chúng tôi đã thiết lập cho Thư viện. Ở màn hình rộng nhất, chúng tôi đặt nó ở bốn cột. Sau đó, chúng tôi bắt đầu thêm các điểm ngắt thông qua @mixins siêu dễ dàng mà chúng tôi đã thiết lập và đang sử dụng lại.
Tại điểm ngắt của gấu mẹ, chúng ta đi xuống 3 cột, sau đó chúng ta tạo điểm ngắt tạm thời giữa gấu mẹ và gấu con, nơi nó chia thành 2 cột, sau đó cuối cùng là 1 cột ở gấu con. Điều này rất dễ dàng, vì tất cả những gì chúng ta cần làm là điều chỉnh số lượng cột mà chúng ta đặt thông qua CSS3 column-count.
Chúng tôi kết thúc video nói về mục tiêu tương lai cho phòng trưng bày. Sẽ thật tuyệt nếu có thể tải nhiều hình ảnh khác nhau trên các kích thước màn hình khác nhau và sử dụng hình thu nhỏ thực tế thay vì hình ảnh kích thước đầy đủ. Có lẽ một ngày nào đó chúng ta sẽ đến đó.
Đối với bản ghi, phần mềm tôi đang sử dụng cục bộ để chụp ảnh màn hình và tải chúng lên máy chủ thông qua FTP là LittleSnapper.
