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

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

@@ ১ নং লাইন: / ১ নং লাইন: @@
 /* CSS placed here will be applied to all skins */
-.worldbox-container {
+@media (min-width: 1024px) {
-    display: flex;
+    .worldbox-container {
-    flex-wrap: wrap;
+        display: flex;
-    align-items: flex-start;
+        flex-wrap: wrap;
-}
+        align-items: flex-start;
+    }
-.worldbox {
-    width: 35%; /* ইনফোবক্সের প্রস্থ 35% */
-    float: right;
-    margin-left: 2%;
-    font-size: 90%;
-    line-height: 1.4;
-}
-.worldbox-content {
-    flex-grow: 1;
-    max-width: 65%;
-    width: 100%;
-}
-@media (max-width: 768px) {
      .worldbox {
-         float: none;
+        width: 40%; /* ইনফোবক্সের প্রস্থ */
-         width: 100%;
+         float: right; /* ডান পাশে রাখবে */
-         margin: 0;
+         position: sticky;
+         top: 10px;
      }
-     .worldbox-content {
+     .worldbox-special-section, .worldbox-content {
-         width: 100%;
+         width: 58%; /* কনটেন্টের প্রস্থ */
-         padding-left: 0;
+         float: left; /* বাম পাশে শুরু হবে */
-        padding-right: 0;
-        margin-left: 0;
      }
-     .worldbox-special-section {
+     .worldbox-content {
-         order: -1;
+         clear: both;
-         width: 100%;
+         width: 100%; /* worldbox-এর নিচে ফুল-উইডথ হবে */
-        margin-top: 20px;
      }
 }