মিডিয়াউইকি:Common.css: সংশোধিত সংস্করণের মধ্যে পার্থক্য

← পুরনো সম্পাদনা নতুনতর সম্পাদনা →

@@ ৩ নং লাইন: / ৩ নং লাইন: @@
      .worldbox-container {
          display: flex;
-        flex-wrap: wrap;
          align-items: flex-start;
      }
      .worldbox {
-         width: 40%; /* ইনফোবক্সের প্রস্থ */
+         width: 35%;
-         float: right; /* ডান পাশে রাখবে */
+         float: right; /* ইনফোবক্স ডান পাশে থাকবে */
-         position: sticky;
+         margin-left: 20px; /* কনটেন্টের সাথে দূরত্ব */
-        top: 10px;
      }
-     .worldbox-special-section, .worldbox-content {
+    .worldbox-content {
-         width: 58%; /* কনটেন্টের প্রস্থ */
+        width: 65%;
-         float: left; /* বাম পাশে শুরু হবে */
+        float: left; /* কনটেন্ট বাম পাশে শুরু হবে */
+    }
+     .worldbox-special-section {
+        width: 100%;
+        margin-bottom: 10px;
+    }
+    /* worldbox-এর নিচে গেলে ফুল-উইডথে দেখাবে */
+    .worldbox:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
+}
+@media (max-width: 1023px) {
+    .worldbox-container {
+        display: block; /* মোবাইলে ব্লক ফরম্যাট */
+    }
+    .worldbox-special-section {
+         order: 1; /* প্রথমে থাকবে */
+    }
+    .worldbox {
+         width: 100%; /* মোবাইলে পুরো পেজে দেখাবে */
+        order: 2;
      }
      .worldbox-content {
-         clear: both;
+         width: 100%;
-         width: 100%; /* worldbox-এর নিচে ফুল-উইডথ হবে */
+         order: 3;
      }
 }