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

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

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

@@ خط ۳: / خط ۳: @@
 <div style="margin: 15px auto; padding: 15px; direction: rtl; text-align: right;
              background-color: #A47764; border: 1px solid #e2e8f0; border-radius: 12px;
-             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); max-width: 1000px; box-sizing: border-box;">
+             box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); max-width: 1000px; width: 100%; box-sizing: border-box;">
      <!-- ایجاد چیدمان انعطاف‌پذیر (Flexbox) با قابلیت شکستن خط در موبایل -->
@@ خط ۹: / خط ۹: @@
          <!-- بخش تصویر با افکت سایه سه‌بعدی -->
-         <div style="flex: 1 1 30%; max-width: 400px; text-align: center; margin: 0 auto;">
+         <div style="flex: 1 1 300px; max-width: 400px; text-align: center; margin: 0 auto; box-sizing: border-box;">
-             <div style="border-radius: 15px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);">
+             <div style="border-radius: 15px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);">
-                      <img src="https://dl.faraghaib.ir/m/104/m104denizdoor1.jpg" style="width: 100%; height: auto; display: block;">
+                     <!-- افزودن صفت alt برای سئو -->
+                      <img src="https://dl.faraghaib.ir/m/104/m104denizdoor1.jpg" alt="درب‌های ضد سرقت و ساختمانی دنیز درب" style="width: 100%; height: auto; display: block;">
              </div>
          </div>
-         <!-- بخش متن با رنگ زرد کاراملی -->
+         <!-- بخش متن با رنگ زرد کاراملی و بهینه‌سازی شده برای موبایل -->
-         <div style="width: 600px; margin: 1px auto; padding: 15px; direction: rtl; text-align: right;
+         <div style="flex: 2 1 300px; max-width: 600px; width: 100%; padding: 15px; direction: rtl; text-align: right;
-                     background-color: #D9BE96; border: 0px solid; border-radius: 12px; box-sizing: border-box;">
+                     background-color: #D9BE96; border-radius: 12px; box-sizing: border-box;">
              <div style="font-size: 1em; line-height: 1.8; color: #2d3748;">