সিএসএস গ্রিড ও ফ্লেক্সবক্স জেনারেটর
Grid আর Flexbox-এর মধ্যে সুইচ করুন, কলাম-রো সংখ্যা বা ফ্লেক্স আইটেমের দিক আর অ্যালাইনমেন্ট এবং তাদের মধ্যকার গ্যাপ ঠিক করুন, কনটেইনারের ভেতরে রঙিন বক্সের লাইভ প্রিভিউসহ, তারপর ঠিক সিএসএস কোডটি কপি করুন।
ডিজাইন এবং CSS টুলস সম্পূর্ণভাবে আপনার ব্রাউজারে চলে
সমস্ত প্রসেসিং আপনার ডিভাইসে হয় — কোনো কিছুই কোনো সার্ভারে পাঠানো হয় না।
1
2
3
4
5
6
CSS কোড
display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 12px;
এরপর যা করবেন
সম্পর্কিত টুলস
Uddatak ব্যবহার করে দেখতে চান?
সম্পূর্ণ টুল লাইব্রেরি ব্রাউজ করুন এবং আপনার প্রয়োজনীয় জিনিস এখনই ব্যবহার শুরু করুন — বিনামূল্যে, সাইনআপ ছাড়াই।
সব টুল দেখুন