আহমাদ শাদেদ কন্টেইনার প্রশ্নে প্রথম দিকে ঝাঁপিয়ে পড়ে এবং একটি উদাহরণের ক্রমবর্ধমান সংগ্রহ দৈনন্দিন নিদর্শন উপর ভিত্তি করে।
এবং, যদি আপনি এটি মিস করেন, তার কন্টেইনার প্রশ্নে সর্বশেষ পোস্ট এই মাসে ক্রোম 105 এ অবতরণের পর থেকে তারা কীভাবে কাজ করে তা কভার করে একটি দুর্দান্ত কাজ করে (আমরা শীঘ্রই সাফারি 16-এ তাদের দেখতে পাব)। কিছু পছন্দের হাইলাইট এবং টেকওয়ে:
- ধারক সংজ্ঞায়িত করা হয় সঙ্গে
container-type
সম্পত্তি পূর্ববর্তী ডেমো এবং প্রস্তাব ব্যবহার করা হয়েছেcontain
পরিবর্তে. - কন্টেইনার ক্যোয়ারীগুলি অনেকটা মিডিয়া কোয়েরির মত যা আমরা ভিউপোর্ট সাইজ টার্গেট করার জন্য লিখেছি। তাই, বরং ভালো কিছু
@media (min-width: 600px) {}
, আমাদের আছে@container (min-width: 600px) {}
. এর ফলে অনেকগুলি মিডিয়া ক্যোয়ারীকে কনটেইনার কোয়েরিতে রূপান্তর করা উচিত মোটামুটি সোজা, নতুন ব্রেকপয়েন্ট মানগুলি বের করার কাজকে বিয়োগ করা। - আমাদের কোডে তাদের পার্থক্য করতে সাহায্য করার জন্য আমরা পাত্রের নাম দিতে পারি (যেমন
container-name: blockquote
).
চমৎকার কাজ, আহমদ! এবং ভাগ করার জন্য ধন্যবাদ!