الگو:دایره های کنار هم: تفاوت میان نسخهها
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<div style="display: flex; flex-direction: row; flex-wrap: nowrap; gap: | <div style="display: flex; flex-direction: row; flex-wrap: nowrap; gap: 15px; justify-content: center; align-items: flex-start; width: 100%; margin: 10px;"> | ||
<div style="flex: 1;">{{کانتینرعکس دایره|تصویر={{{تصویر1}}}}}</div> | <!-- آیتم ۱ --> | ||
<div style="flex: 1;">{{کانتینرعکس دایره|تصویر={{{تصویر2}}}}}</div> | <div style="display: flex; flex-direction: column; align-items: center; flex: 1; gap: 5px;"> | ||
<div style="flex: 1;">{{کانتینرعکس دایره|تصویر={{{تصویر3}}}}}</div> | <div>{{کانتینرعکس دایره|تصویر={{{تصویر1}}}}}</div> | ||
<div style="flex: 1;">{{کانتینرعکس دایره|تصویر={{{تصویر4}}}}}</div> | <div style="font-size: 0.9em; text-align: center;">{{{کپشن1}}}</div> | ||
</div> | |||
<!-- آیتم ۲ --> | |||
<div style="display: flex; flex-direction: column; align-items: center; flex: 1; gap: 5px;"> | |||
<div>{{کانتینرعکس دایره|تصویر={{{تصویر2}}}}}</div> | |||
<div style="font-size: 0.9em; text-align: center;">{{{کپشن2}}}</div> | |||
</div> | |||
<!-- آیتم ۳ --> | |||
<div style="display: flex; flex-direction: column; align-items: center; flex: 1; gap: 5px;"> | |||
<div>{{کانتینرعکس دایره|تصویر={{{تصویر3}}}}}</div> | |||
<div style="font-size: 0.9em; text-align: center;">{{{کپشن3}}}</div> | |||
</div> | |||
<!-- آیتم ۴ --> | |||
<div style="display: flex; flex-direction: column; align-items: center; flex: 1; gap: 5px;"> | |||
<div>{{کانتینرعکس دایره|تصویر={{{تصویر4}}}}}</div> | |||
<div style="font-size: 0.9em; text-align: center;">{{{کپشن4}}}</div> | |||
</div> | |||
</div> | </div> | ||