#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 {
padding:20px;
border-bottom: 1px solid #f2f2f2;
display: flex;
align-items: center;
justify-content: center;
}


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

Did this page help you?