Có vẻ như CSS Grid đã xuất hiện từ lâu, nhưng nó có vẻ như đang đạt đến một thời điểm mà mọi người ngày càng nói nhiều hơn về nó và nó đang trở thành thứ mà chúng ta nên học hỏi. Tôi đã bắt đầu đọc một vài bài đăng và chơi với cú pháp trong vài tuần qua, nhưng đã yêu cầu người đồng nghiệp của tôi là Miriam Suzanne, CSS-Trickster, tìm hiểu nó với tôi trong một hangout video.
Chúng tôi đã dành thời gian tìm hiểu những điều cơ bản về CSS Grid và những gì chúng tôi học được là bắt đầu sử dụng nó ít đáng sợ hơn rất nhiều so với dự kiến của một trong hai người. Chúng tôi bắt đầu với một ví dụ đơn giản và sau đó sử dụng các thuộc tính CSS Grid để tìm hiểu những thứ khác mà nó có khả năng xử lý mà không bị cỏ dại xâm nhập.
Dưới đây là một số tài nguyên mà chúng tôi đã đề cập trong cuộc trò chuyện của chúng tôi đáng để liên kết đến:
- Hướng dẫn Hoàn chỉnh về Lưới - Tổng quan toàn diện về Lưới CSS, bao gồm các thuộc tính của nó và bảng chú giải thuật ngữ và khái niệm quan trọng.
- CodePen Demo - Đây là ví dụ đơn giản mà chúng tôi đã bắt đầu trong video và nâng cao khi chúng tôi đã làm.
- CSS Grid và Grid Highlighter - Công cụ này đã được đề cập ở phần cuối và nó cung cấp một cách để trực quan hóa bố cục Grid bằng cách sử dụng Firefox DevTools.