এই নির্দেশিকা আপনাকে দেখায় কিভাবে একটি পৃষ্ঠায় CSS গ্রিডগুলি আবিষ্কার করতে হয়, সেগুলি পরীক্ষা করতে হয় এবং Chrome DevTools-এর এলিমেন্ট প্যানেলে লেআউট সমস্যাগুলি ডিবাগ করতে হয়৷
এই নিবন্ধে প্রদর্শিত স্ক্রিনশটগুলিতে দেখানো উদাহরণগুলি এই দুটি ওয়েব পৃষ্ঠা থেকে এসেছে: ফ্রুট বক্স এবং স্ন্যাক বক্স ।
CSS গ্রিড আবিষ্কার করুন
যখন আপনার পৃষ্ঠায় একটি HTML উপাদানের display: grid বা display: inline-grid এটিতে প্রয়োগ করা হয়, আপনি উপাদান প্যানেলে এটির পাশে একটি grid ব্যাজ দেখতে পাবেন।