#header-container


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 CSS

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