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