আগের টিউটোরিয়ালে আমরা শিখেছি কিভাবে গ্রিড সেটআপ করতে হয়, এবং (grid-template-columns এবং grid-template-areas এর মত) সুস্পষ্ট প্রোপার্টিসমূহ সংজ্ঞায়িত করতে হয়...

অন্যান্য এলিমেন্টের মত গ্রিড আইটেমেও সিএসএস পজিশন ব্যবহার করা সম্পূর্ণ সম্ভব। কিন্তু এখানে একটি বা দুটি সমস্যা আছে, তাই চলুন আমরা দেখে নেই কিভাবে এই...

এখন পর্যন্ত আমাদের সিএসএস গ্রিড টিউটোরিয়ালে মূলত সুস্পষ্ট ও নিখুঁত মানের উপর জোর দেয়া হয়েছে-বিভিন্ন ট্র্যাকের বা সারির মাপ যা সাধারণত আমরা সুস্পষ্ট ও...

আমরা যেভাবে ওয়েবের লেআউটের কথা ভেবে থাকি তা পরিবর্তন হয়ে গেছে, এবং এই পরিবর্তনের সূচনা হচ্ছে সিএসএস গ্রিড লেআউট। এই কুইক স্টার্ট গাইডে আমরা এ সম্পর্কে...

অফ-ক্যানভাস প্যাটার্ন রেস্পন্সিভ নেভিগেশনের জন্য একটি ক্লাসিক পন্থা। যখন কোনও ওয়েবসাইটের "viewport" যথেষ্ট পরিমানে ছোট হয়, তখন বড় ন্যাভিগেশন ম্যানুটি লুকানো...

সিএসএস গ্রিড লেআউট হচ্ছে W3C সমর্থিত একটি ওয়ার্কিং ড্রাফ্ট যা একটি শক্তিশালী গ্রিড সিস্টেম যা CSS ব্যবহার করে আপনার ওয়েব পেইজের লেআউট তৈরি করতে সাহায্য করে।

যেকোনো CSS গ্রিডে প্রত্যেক লাইনের জন্য একটি ইন্ডেক্স নাম্বার থাকে যা আমরা একটি গ্রিড আইটেম স্থাপন করার সময় রেফারেন্স হিসেবে ব্যবহার করতে পারি। যদিও, আমরা এই...

সিএসএস গ্রিডের উপর আমাদের আগের পরিচিতমূলক টিউটোরিয়ালে আমরা ফ্লুইড কলাম ও আরও ভালো গাটার তৈরি করার প্রক্রিয়া জেনেছি।  আমরা জানি, আমাদের গ্রিড...

এই সিরিজ জুড়ে আমরা গ্রিড সিনট্যাক্সের সাথে পরিচিত হয়ে উঠেছি, একটি পৃষ্ঠার উপাদানগুলি স্থাপন করার কিছু কার্যকর উপায় সম্পর্কে শিখেছি, এবং কিছু পুরোনো অভ্যাস...

একটা বিষয় যা আমরা এখানে উল্লেখ করেছি, কিন্তু এখনোও এখানে সম্পূর্ণ সঠিকভাবে তুলে ধরিনি, তা হচ্ছে গ্রিড এরিয়াসমূহ।  এই পর্যন্ত আমাদের গ্রিড আইটেমগুলো একক...

এবার repeat() ফাংশন ব্যবহার করে, আরও পরিচ্ছন্ন উপায়ে লেখা যাক: