User:ChaseT/vector-2022.css

/* Main container adjustments */
.mw-body {
  display: flex; /* Enable flexbox */
  justify-content: center; /* Center the content */
}

/* Content area styles for a maximum width */
#content {
  max-width: 780px; /* Set the max-width to the width for 65 characters */
  box-sizing: border-box; /* Include padding and border in the element's width */
}

/* Left sidebar adjustments */
#mw-panel {
  order: -1; /* Place the sidebar before the content in the flex flow */
  flex-shrink: 0; /* Prevent the sidebar from shrinking */
  padding-right: 10px; /* Optional padding to create space between the sidebar and content */
}

/* Media query for smaller screens */
@media screen and (max-width: 780px) {
  #content {
    width: 100%; /* Allow content to take full width on smaller screens */
    padding: 0 10px; /* Add padding to keep content from touching the edges */
  }
}