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