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

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

@@ ৩৪ নং লাইন: / ৩৪ নং লাইন: @@
 */
-/* Ensure the content is on the left side and infobox floats right */
+/* Make the main content area a flex container */
 .page-content {
      display: flex;
+    flex-direction: row; /* Keep content in a row */
      flex-wrap: wrap;
-    justify-content: flex-start;
 }
-/* Align the Infobox to the right side */
+/* Infobox on the right side */
 .infobox {
      float: right;
-     margin-left: 20px;
+     margin-left: 20px; /* Space between text and infobox */
+    width: 300px; /* Adjust the width as necessary */
      margin-bottom: 20px;
-    width: 300px; /* Adjust width as needed */
-    max-width: 100%;
-    margin-top: 0;
 }
-/* Adjust text so it starts on the left */
+/* Content on the left side */
 .page-content .text-content {
-     width: calc(100% - 320px); /* Adjust width based on the infobox width */
+     width: calc(100% - 320px); /* Adjust based on infobox width */
      padding-right: 20px;
      margin-top: 20px;
 }
-/* Ensure the page doesn't overflow */
+/* Prevent content overflow */
 body {
      overflow-x: hidden;
 }