বিনামূল্যে কনভার্টার
CSS Flexbox লেআউট জেনারেটর
লাইভ প্রিভিউ সহ CSS Flexbox লেআউট ভিজ্যুয়ালি তৈরি করুন। flex-direction, justify-content, align-items এবং আরও সামঞ্জস্য করুন — বিনামূল্যে এবং ক্লায়েন্ট-সাইড।
লাইভ প্রিভিউ
1
2
3
4
5
flex-direction
flex-wrap
justify-content
align-items
gap (8px)
0px32px64px
CSS আউটপুট
.container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: 8px;
}
.item {
padding: 1rem 1.5rem;
border-radius: 8px;
font-weight: 600;
font-size: 0.9rem;
min-width: 60px;
text-align: center;
}