টেলউইন্ডে নবম গ্রিড লাইনে কলামগুলি কীভাবে শুরু বা শেষ করবেন?

উপাদানগুলিতে:

• ' col-start-2 ” সম্পত্তি নির্দিষ্ট করে যে গ্রিড আইটেমটি কলাম 2 এ শুরু হয়।
• ' col-span-2 ” নির্দেশ করে যে গ্রিড আইটেমটি 2টি কলাম দখল করে।
• ' col-start-1 ” কলাম 1 থেকে গ্রিড আইটেম শুরু করতে ব্যবহৃত হয়।
• ' col-end-3 ” নির্দিষ্ট করে যে গ্রিড আইটেমটি কলাম 3 এ শেষ হয়৷
• ' col-start-3 ” নির্দেশ করে যে গ্রিড আইটেমটি দ্বিতীয় কলাম থেকে শুরু হয়।
• ' col-end-5 ” সম্পত্তি কলাম 5 এ গ্রিড আইটেম শেষ করে।
• ' col-span-3 ” নির্দিষ্ট করে যে গ্রিড আইটেমটি 3টি কলাম দখল করে।
• ' bg-teal-500 ” সমস্ত গ্রিড আইটেমের পটভূমিতে টিল রঙ সেট করে।
• ' p-5 ” গ্রিড আইটেমগুলির ভিতরের সামগ্রীতে 5 ইউনিটের একটি প্যাডিং যোগ করে৷

ধাপ 2: আউটপুট যাচাই করুন

গ্রিড কলামের শুরু এবং শেষের অবস্থানগুলি প্রয়োগ করা হয়েছে তা নিশ্চিত করতে, HTML ওয়েব পৃষ্ঠাটি দেখুন:

উপরের আউটপুটটি নির্দেশ করে যে গ্রিড কলামের প্রারম্ভিক এবং শেষ অবস্থানগুলি সফলভাবে প্রয়োগ করা হয়েছে যে অনুসারে সেগুলি নির্দিষ্ট করা হয়েছিল৷

উপসংহার

টেলউইন্ডে 9ম গ্রিড লাইনে কলামগুলি শুরু বা শেষ করতে, “ col-start- ' এবং ' col-end- ” HTML প্রোগ্রামে গ্রিড উপাদানের সাথে ইউটিলিটি ব্যবহার করা হয়। দ্য ' col-start- 'শ্রেণী একটি উপাদানের শুরুর অবস্থান নির্ধারণ করে যেখানে ' col-end- ” নির্দিষ্ট কলাম সূচক n এ গ্রিডের মধ্যে একটি উপাদানের শেষ অবস্থান সেট করে। এই নিবন্ধটি Tailwind CSS-এ নির্দিষ্ট nth গ্রিড লাইনে কলাম শুরু বা শেষ করার পদ্ধতি ব্যাখ্যা করেছে।