Jump to content

User:ChaseT/vector-2022.css

From Wikipedia, the free encyclopedia
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* Base styles for large screens: the width is fixed to the equivalent of 65 characters */
#content {
  max-width: 840px; /* Adjust this to match the width for 65 characters in your font */
  margin: 0 auto; /* This centers the content */
}

/* Styles for screens smaller than the content max-width */
@media screen and (max-width: 780px) {
  #content {
    width: auto; /* Allows content to shrink on smaller screens */
    margin: 0 auto; /* Keeps content centered */
  }
}