Tiếp tục khái niệm "Don't Overthink It Grids", chúng tôi nhận được các máng xối tiếp tục trong lưới chỉ bằng cách sử dụng một số đệm đơn giản. Chúng tôi giữ cho số đệm nhất quán bằng cách sử dụng lại $paddingbiến toàn cục của chúng tôi . Bạn sẽ thấy rằng chúng tôi sử dụng con số đó rất nhiều khi chúng tôi tạo kiểu tóc.
Chúng tôi tạo kiểu cho lớp “mô-đun” với nền đơn giản và bóng hộp. Đây là một lớp rất có thể tái sử dụng, có thể được sử dụng ở mọi nơi.
Kết quả cuối cùng là một lưới linh hoạt đáng yêu chỉ mất một vài dòng mã. Nó có thể phức tạp hơn một chút khi chúng ta tiếp tục, nhưng không quá nhiều.