CSS-এ ফ্লেক্স শর্টহ্যান্ড প্রপার্টি

flex প্রপার্টিটি হল গ্রো, শ্রিংক এবং বেসিস প্রপার্টির একটি শর্টহ্যান্ড। শর্টহ্যান্ড প্রপার্টিগুলোর ক্রম গুরুত্বপূর্ণ এবং তা নিম্নরূপ: flex-grow, flex-shrink, flex-basis। প্রপার্টিগুলো শেষ থেকে বাদ দেওয়া যেতে পারে, সেক্ষেত্রে সেগুলো ডিফল্ট মান গ্রহণ করবে।

নিম্নলিখিত কোডটি flex শর্টহ্যান্ড প্রপার্টি ব্যবহার করে পুনরায় লিখুন:

.child {
	flex-basis: 100px;
	flex-grow: 1;
	flex-shrink: 2;
}

নিম্নলিখিত কোডটি flex শর্টহ্যান্ড প্রপার্টি ব্যবহার করে পুনরায় লিখুন:

.child {
	flex-shrink: 0.5;
	flex-grow: 2;
}

নিম্নলিখিত কোডটি flex শর্টহ্যান্ড প্রপার্টি ব্যবহার করে পুনরায় লিখুন:

.child {
	flex-shrink: 0.5;
	flex-grow: 1;
}

নিম্নলিখিত কোডটি বিস্তারিত প্রপার্টি ব্যবহার করে পুনরায় লিখুন:

.child {
	flex: 1 2 200px;
}

নিম্নলিখিত কোডটি বিস্তারিত প্রপার্টি ব্যবহার করে পুনরায় লিখুন:

.child {
	flex: 2 0.7;
}

নিম্নলিখিত কোডটি বিস্তারিত প্রপার্টি ব্যবহার করে পুনরায় লিখুন:

.child {
	flex: 3;
}