DevTools টিপস: কিভাবে CSS কন্টেইনার কোয়েরি পরিদর্শন করবেন

Sofia Emelianova

CSS কন্টেইনার ক্যোয়ারী হল নতুন CSS ফিচার যেটা নিয়ে ওয়েব ডেভেলপাররা উত্তেজিত। এটি ওয়েব ডিজাইনে একটি বিপ্লব ঘটাতে পারে - পৃষ্ঠা-ভিত্তিক প্রতিক্রিয়াশীল ডিজাইন থেকে কন্টেইনার-ভিত্তিক প্রতিক্রিয়াশীল ডিজাইন পর্যন্ত।

Chrome DevTools আপনাকে নতুন লেআউট ডিজাইন প্যাটার্ন গ্রহণ করতে এবং সাম্প্রতিক প্রবণতার শীর্ষে থাকতে সাহায্য করতে এখানে রয়েছে৷ এই CSS বৈশিষ্ট্যের সমর্থনে, আপনি এখন DevTools-এ আপনার কন্টেইনার প্রশ্নগুলি পরিদর্শন এবং ডিবাগ করতে পারেন।

উপরের ভিডিওটি আপনাকে কন্টেইনার কোয়েরি, তাদের সিনট্যাক্স এবং DevTools-এ কীভাবে সেগুলি পরিদর্শন করতে হয় তার একটি ওভারভিউ দেয়।

আপনি এখন সংশ্লিষ্ট ব্যাজের সাথে কন্টেইনার উপাদান এবং তাদের বংশধরদের আবিষ্কার করতে পারেন যা একটি ডটেড-লাইন ওভারলে টগল করে।

কন্টেইনার ক্যোয়ারী শর্ত পূরণ করলে বংশধরদের জন্য প্রযোজ্য @container নিয়মগুলি পরিদর্শন করুন।

DevTools-এ কন্টেইনার কোয়েরির সমর্থন সম্পর্কে আরও জানতে, CSS কন্টেইনার কোয়েরি পরিদর্শন এবং ডিবাগ করুন ।