#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;
}