#main-container

Defines the background area that surrounds the main container.

The following illustrations show:

  1. The #main-container style before applying CSS changes.
  2. The #main-container style after the background-color property has been changed to green.
Default CSS Modified CSS
#main-container {
 display: flex;
 align-items: center;
 justify-content: center;
 padding-top: 25px;
 padding-bottom: 25px;
} 
#main-container {
 display: flex;
 align-items: center;
 justify-content: center;
 padding-top: 25px;
 padding-bottom: 25px;
 background-color: green;
}