layout.css in Drupal 10

This file is used to create generic layout styles.

More specific layout items may be found within their respective files, e.g. the layout for two columns is in the layout-2-cols.css file.

File

core/profiles/demo_umami/themes/umami/css/layout/layout.css

/**
 * @file
 * This file is used to create generic layout styles.
 *
 * More specific layout items may be found within their respective files, e.g.
 * the layout for two columns is in the layout-2-cols.css file.
 */

.container {
  max-width: 1200px;
  margin: auto;
}
/* Add responsive side gutters to the outer layout container 'main' at smaller sizes */
.main {
  padding: 0 4%;
}
/* Extra large + side margins */
@media screen and (min-width: 80rem) { /* 1200px (large) + 80px (side margins) = 1280px */
  .main {
    padding: 0;
  }
}