#header-container class

Defines the header for the main container. By default, this where the logo appears.

The following illustrations show:Ā 

  1. The #header-containerĀ style before applying CSS changes.

  2. The #header-containerĀ style after the background-colorĀ property has been changed to pink.

Default CSSModified CSS


#header-container {<br/> padding:20px; <br/> border-bottom: 1px solid #f2f2f2; <br/> display: flex; <br/> align-items: center; <br/> justify-content: center; <br/>}


#header-container {<br/> padding:20px; <br/> border-bottom: 1px solid #f2f2f2; <br/> display: flex; <br/> align-items: center; <br/> justify-content: center; <br/> background-color: pink; <br/>}