الگو:کانتینر عکس و متن/امامی: تفاوت میان نسخه‌ها
esfandiari>Javid بدون خلاصۀ ویرایش |
esfandiari>Javid بدون خلاصۀ ویرایش |
||
| خط ۵۱: | خط ۵۱: | ||
<!-- ایجاد چیدمان انعطاف‌پذیر (Flexbox) با قابلیت شکستن خط در موبایل --> | <!-- ایجاد چیدمان انعطاف‌پذیر (Flexbox) با قابلیت شکستن خط در موبایل --> | ||
<div class="main-flex" style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center;"> | <div class="main-flex" style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center;"> | ||
<!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) --> | <!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) --> | ||
<div class="image-box" style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;"> | <div class="image-box" style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;"> | ||
| خط ۵۷: | خط ۶۰: | ||
<!--https://dl.faraghaib.ir/m/103/gap.png نمونه آدرس دهی--> | <!--https://dl.faraghaib.ir/m/103/gap.png نمونه آدرس دهی--> | ||
<img src="https://dl.faraghaib.ir/m/260022-01/260022-01- | <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-28.png" alt="عطاری و ادویه سرای حافظ" style="width:100%; max-width:300px; height:auto;"> | ||
</div> | </div> | ||
| خط ۷۸: | خط ۸۱: | ||
<!--https://dl.faraghaib.ir/m/103/gap.png نمونه آدرس دهی--> | <!--https://dl.faraghaib.ir/m/103/gap.png نمونه آدرس دهی--> | ||
<img src="https://dl.faraghaib.ir/m/260022-01/ | <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-28.png" alt="عطاری و ادویه سرای حافظ" style="width:100%; max-width:300px; height:auto;"> | ||
</div> | </div> | ||