En los estilos del header se aplica un padding a la derecha y a la izquiera, por lo cual en el video ponen el estilo por separado, podríamos poner solo el estilo padding indicando que sera 0 para arriba y para abajo y 2rem hacia la derecha e izquierda, como se muestra a continuación:
header {
display: flex;
align-items: center;
background: #f9f9f9;
justify-content: space-between;
padding:0 2rem;
}y por lo aprendido en los otros cursos de css, nos indican que es mejor establecer una clase para dar estilos a establecer un id. En este caso use la class="activo".
