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

/* CSS placed here will be applied to all skins */
/* Layout for content and infobox 
.content-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px;
}

.intro-text {
  flex: 0 0 52%;
  margin-right: 20px;
}

.infobox {
  flex: 0 0 43%;
  padding: 15px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .content-container {
    flex-direction: column;
  }

  .intro-text,
  .infobox {
    flex: 0 0 100%;
    margin: 0 0 15px 0;
  }
}
*/

/* Ensure the content is on the left side and infobox floats right */
.page-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* Align the Infobox to the right side */
.infobox {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 300px; /* Adjust width as needed */
    max-width: 100%;
    margin-top: 0;
}

/* Adjust text so it starts on the left */
.page-content .text-content {
    width: calc(100% - 320px); /* Adjust width based on the infobox width */
    padding-right: 20px;
    margin-top: 20px;
}

/* Ensure the page doesn't overflow */
body {
    overflow-x: hidden;
}