#main-container class

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 CSSModified CSS


#main-container {<br/> display: flex; <br/> align-items: center; <br/> justify-content: center; <br/> padding-top: 25px; <br/> padding-bottom: 25px; <br/>}


#main-container {<br/> display: flex; <br/> align-items: center; <br/> justify-content: center; <br/> padding-top: 25px; <br/> padding-bottom: 25px; <br/> background-color: green; <br/>}