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

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

@@ ৩ নং লাইন: / ৩ নং লাইন: @@
      .worldbox-container {
          display: flex;
-        flex-wrap: wrap;
          align-items: flex-start;
      }
@@ ৯ নং লাইন: / ৮ নং লাইন: @@
      /* উইকিপিডিয়ার মতো ইনফোবক্স */
      .worldbox {
-         width: 280px; /* উইকিপিডিয়ার মতো নির্দিষ্ট প্রস্থ */
+         width: 280px;
          float: right;
-         margin-left: 15px; /* কনটেন্টের সাথে ডান পাশে দূরত্ব */
+         margin-left: 15px;
-         clear: right; /* স্ক্রল করলে নরমাল আচরণ করবে */
+        margin-bottom: 10px;
+         clear: right;
      }
-     /* বাম পাশে কনটেন্ট */
+     /* কনটেন্ট বাম পাশে থাকবে */
      .worldbox-content {
          flex-grow: 1;
-         max-width: calc(100% - 300px); /* ইনফোবক্সের পাশে জায়গা নেবে */
+         max-width: calc(100% - 320px);
      }
-     /* worldbox নিচে গেলে ফুল-উইডথ হবে */
+     /* ইনফোবক্স নিচে গেলে ফুল-উইডথ হবে */
      .worldbox-container::after {
          content: "";
@@ ৩০ নং লাইন: / ৩০ নং লাইন: @@
 /* মোবাইল ভিউতে worldbox নিচে আসবে */
-@media (max-width: 1023px) {
+@media (max-width: 750px) {
      .worldbox-container {
-         display: block; /* মোবাইলে ব্লক ফরম্যাট */
+         display: block;
      }
      .worldbox-special-section {
-         order: 1; /* সবার উপরে থাকবে */
+         order: 1;
      }
      .worldbox {
-         width: 100%; /* মোবাইলে পুরো পেজে দেখাবে */
+         width: 100%;
          order: 2;
          float: none;