چگونگی ایجاد طرح بندی CSS Masonry

اگر تا به حال Pinterest را مرور کرده اید، متوجه خواهید شد که کارت های مختلف به صورت متناوب نمایش داده می شوند و به صورت افقی هماهنگ نیستند. این به این دلیل است که کارت ها همیشه همان ارتفاع نیستند. این نوع طرح "سنگ تراشی" نامیده می شود و معمولا برای رسیدن به یک جاوا اسکریپت نیاز دارد. در این دوره، ما چند راه متفاوت برای ایجاد چنین طرح بندی صرفا با CSS را بررسی خواهیم کرد.

عنوان اصلی : How to Create CSS Masonry Layouts

سرفصل های دوره :

1. معرفی:
1.1. به این دوره سنگ تراشی خوش آمدید
1.2. طرح بندی سنگ تراشی چیست؟
2. ایجاد طرح های CSS تنها سنگ تراشی:
2.1. مصالح ساختمانی با طرح چند ستون
2.2. سنگ تراشی با Flexbox
2.3. مصالح ساختمانی با طرح شبکه CSS