الگو:دایره های کنار هم: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۱: / خط ۱: @@
-<div style="display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; max-width: 800px; margin: 20px auto; gap: 20px; padding: 0 10px; box-sizing: border-box;" role="group" aria-label="گروه تصاویر پیوند داده شده">
+<div style="display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: center; align-items: center; width: 100%; margin: 10px 0;">
-  <div style="flex: 1 1 22%; max-width: 150px; text-align: center;">
+    <div style="flex: 1;">{{کانتینرعکس دایره|تصویر={{{تصویر1}}}}}</div>
-    {{کانتینرعکس دایره|تصویر={{{تصویر1}}}}}
+    <div style="flex: 1;">{{کانتینرعکس دایره|تصویر={{{تصویر2}}}}}</div>
-  </div>
+    <div style="flex: 1;">{{کانتینرعکس دایره|تصویر={{{تصویر3}}}}}</div>
+    <div style="flex: 1;">{{کانتینرعکس دایره|تصویر={{{تصویر4}}}}}]</div>
-  <div style="flex: 1 1 22%; max-width: 150px; text-align: center;">
-    {{کانتینرعکس دایره|تصویر={{{تصویر2}}}}}
-  </div>
-  <div style="flex: 1 1 22%; max-width: 150px; text-align: center;">
-    {{کانتینرعکس دایره|تصویر={{{تصویر3}}}}}
-  </div>
-  <div style="flex: 1 1 22%; max-width: 150px; text-align: center;">
-    {{کانتینرعکس دایره|تصویر={{{تصویر4}}}}}
-  </div>
 </div>