الگو:کانتینر 4تصویر/بخشنده: تفاوت میان نسخه‌ها

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

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

@@ خط ۱: / خط ۱: @@
 <html lang="fa" dir="rtl">
 <head>
@@ خط ۵۳: / خط ۵۲: @@
        background: var(--surface);
        color: var(--ink);
-       font-family:  Iransans;
+       font-family:  Iransans; /* فونت Iransans باید در پروژه تعریف شده باشد */
        line-height: 1.8;
      }
@@ خط ۹۴: / خط ۹۳: @@
      }
+    /* تنظیمات پایه برای عنوان h2 */
      .section-heading h2 {
        margin: 0;
@@ خط ۱۰۰: / خط ۱۰۰: @@
        font-weight: 800;
        line-height: 1.45;
-    }.section-heading h2 {
+      direction: rtl; /* اطمینان از راست‌چین بودن */
-    margin: 0;
+      writing-mode: horizontal-tb; /* اطمینان از افقی بودن متن */
-    color: var(--ink);
+      text-orientation: mixed; /* حالت متن */
-    font-size: clamp(1.35rem, 4vw, 2rem);
+      white-space: normal; /* اجازه شکستن خط */
-    font-weight: 800;
+      word-break: normal; /* شکستن کلمه در صورت نیاز */
-    line-height: 1.45;
+      overflow-wrap: normal; /* جلوگیری از شکستن کلمه به صورت اجباری */
+      hyphens: none; /* عدم استفاده از خط تیره برای جدا کردن کلمات */
-    /* رفع شکستن حروف در موبایل */
+    }
-    white-space: normal;
-    word-break: keep-all;
-    overflow-wrap: normal;
-    hyphens: none;
-}
      .section-heading p {
@@ خط ۳۹۲: / خط ۳۸۷: @@
      }
-@media (max-width: 480px) {
+    /* تنظیمات خاص برای عنوان h2 در موبایل‌های کوچک */
-    .section-heading h2 {
+    @media (max-width: 480px) {
+      .section-heading h2 {
          font-size: 1.45rem;
          line-height: 1.8;
-        white-space: normal;
+      }
-        word-break: keep-all;
-        overflow-wrap: normal;
-    }
-}
-.section-heading,
-.section-heading h2 {
-    width: 100%;
-    min-width: 0;
-}
-/* رفع نمایش عمودی عنوان در موبایل */
-.section-heading{
-    width:100%;
-    min-width:0;
-}
-.section-heading h2{
-    display:block;
-    width:100%;
-    min-width:0;
-    white-space:normal;
-    word-break:normal;
-    writing-mode:horizontal-tb;
-    text-orientation:mixed;
-}
-@media (max-width:768px){
-    .section-heading h2{
-        font-size:1.45rem;
-        line-height:1.8;
-        word-break:normal;
-        writing-mode:horizontal-tb;
-        text-orientation:mixed;
      }
-}
    </style>
@@ خط ۴۵۲: / خط ۴۰۸: @@
            <span class="section-heading__eyebrow">مسیر آگاهانه‌ی فرزندآوری</span>
-           <h2 >
+           <h2>
              همراه شما در مسیر اهدای تخمک، اهدای جنین و حمل جایگزین
            </h2>
@@ خط ۵۳۲: / خط ۴۸۸: @@
                  src="https://dl.faraghaib.ir/m/109/109m05.png"
                  alt="اطلاعات لازم درباره اهدای جنین"
-               padding = "50px 0 0 0"
+                 width="auto"
-                 width= auto
+                 height="auto"
-                 height= auto
                  loading="lazy"
                />