মিডিয়াউইকি:Common.css

/* CSS placed here will be applied to all skins */
/* Ensure the page container uses flexbox to control layout */
.page-content {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    justify-content: flex-start; /* Align content to the left */
    margin-top: 20px;
}

/* Infobox - floated to the right */
.infobox {
    float: right; /* Make sure it's on the right */
    margin-left: 20px; /* Space between the text and infobox */
    width: 300px; /* Adjust width as needed */
    margin-bottom: 20px; /* Space below the infobox */
}

/* Main text content area */
.page-content .text-content {
    width: 70%; /* Adjust width to leave space for infobox */
    padding-left: 10px; /* Padding on the left side */
}

/* Optional: Add some spacing between content and infobox */
body {
    margin-left: 20px; /* Ensure some space on the left */
}

/* Make sure infobox content doesn't overlap */
.infobox img {
    width: 100%;
    height: auto;
}