MediaWiki talk:Common.css

read page widths

/* adjust viewing widths */
/* Styles for standard view */
.skin-standard .mw-body {
    max-width: 900px;    /* Adjust this value as needed */
    min-width: 600px;    /* Adjust this value as needed */
    margin: 0 auto;
    padding: 0 20px;
}

/* Styles for wide view */
.skin-wide .mw-body {
    max-width: 1200px;   /* Adjust this value as needed */
    min-width: 800px;    /* Adjust this value as needed */
    margin: 0 auto;
    padding: 0 20px;
}

/* Apply consistent width to the content area */
.mw-body {
    flex: 1;  /* Allow content to take up available space */
}

/* Styles to ensure sidebar does not affect the width */
#mw-content-text {
    box-sizing: border-box;  /* Include padding and border in the element's width and height */
} [[User:Michael Bromley|Michael Bromley]] ([[User talk:Michael Bromley|talk]]) 02:21, 31 January 2025 (UTC)

this limits the text area only but on both standard and wide views:

/* limit standard width */
.mw-content-container {
    max-width: 900px;
    margin: 0 auto;
}

this limits the entire width of the entire page:

.vector-feature-limited-width-clientpref-0,
.vector-feature-limited-width-content-disabled {
    max-width: 900px;
    margin: 0 auto;
}

THIS WORKS !!

it limits the width of the text area ONLY using "standard" and not "wide"

.vector-feature-limited-width-clientpref-1 .mw-content-container {
    max-width: 900px;
    margin: 0 auto;
}

HERE to limit the width of hte entire page:

/* limit page width using standard and not wide */
.vector-feature-limited-width-clientpref-1 body {
    max-width: 900px;
    margin: 0 auto;
}