আপনি কিভাবে ফ্লেক্সবক্স এবং গ্রিড ব্যবহার করবেন?

2024 লেখক: Lynn Donovan | [email protected]. সর্বশেষ পরিবর্তিত: 2023-12-15 23:44

আমরা ওয়েবে সারি এবং কলাম হিসাবে উপাদানগুলিকে সাজিয়ে রেখেছি ব্যবহৃত বিন্যাসের জন্য টেবিল। উভয় ফ্লেক্সবক্স এবং গ্রিড এই ধারণার উপর ভিত্তি করে। ফ্লেক্সবক্স একটি একক সারি বা একক কলামে উপাদানগুলি সাজানোর জন্য সেরা। গ্রিড একাধিক সারি এবং কলামে উপাদান সাজানোর জন্য সেরা।

পরবর্তীকালে, কেউ জিজ্ঞাসা করতে পারে, আপনি কি ফ্লেক্সবক্স এবং গ্রিড একসাথে ব্যবহার করতে পারেন?

বেশিরভাগই না। গ্রিড তুলনায় অনেক নতুন ফ্লেক্সবক্স এবং একটু কম ব্রাউজার সমর্থন আছে। তারা করতে পারা কাজ একসাথে : ক গ্রিড আইটেম করতে পারা হতে a flexbox ধারক ক ফ্লেক্স আইটেম করতে পারা হতে a গ্রিড ধারক

একইভাবে, সিএসএস গ্রিড কি ফ্লেক্সবক্সের চেয়ে ভাল? CSS গ্রিড 2D লেআউটের জন্য। এটি সারি এবং কলাম উভয়ের সাথে কাজ করে। ফ্লেক্সবক্স কাজ করে উত্তম শুধুমাত্র একটি মাত্রায় (হয় সারি বা কলাম). এটা হবে আরো সময় সাশ্রয় এবং সহায়ক যদি আপনি একই সময়ে উভয় ব্যবহার করেন।

সেই অনুযায়ী, ফ্লেক্সবক্স গ্রিড কি?

ফ্লেক্সবক্স এক মাত্রিক বিন্যাসের জন্য তৈরি করা হয় এবং গ্রিড দ্বিমাত্রিক বিন্যাসের জন্য তৈরি করা হয়। এর মানে হল যে আপনি যদি আইটেমগুলি এক দিকে রেখে থাকেন (উদাহরণস্বরূপ একটি হেডারের ভিতরে তিনটি বোতাম), তাহলে আপনার ব্যবহার করা উচিত ফ্লেক্সবক্স : এটি আপনাকে CSS এর চেয়ে বেশি নমনীয়তা দেবে গ্রিড.

আপনি কখন Flexbox ব্যবহার করবেন না?

কখন ফ্লেক্সবক্স ব্যবহার করবেন না

1. পৃষ্ঠা বিন্যাসের জন্য ফ্লেক্সবক্স ব্যবহার করবেন না। শতাংশ, সর্বোচ্চ-প্রস্থ, এবং মিডিয়া ক্যোয়ারী ব্যবহার করে একটি মৌলিক গ্রিড সিস্টেম প্রতিক্রিয়াশীল পৃষ্ঠা লেআউট তৈরি করার জন্য অনেক নিরাপদ পদ্ধতি।
2. প্রদর্শন যোগ করবেন না:ফ্লেক্স; প্রতি একক ধারক div.
3. আপনার যদি IE8 এবং IE9 থেকে প্রচুর ট্রাফিক থাকে তাহলে flexbox ব্যবহার করবেন না৷