Solucionado
Colocando a logo, me veio uma lembrança de que as vezes a imagem não carregava, ficava só o símbolo dela.
Assim:
Tem como eu fazer com que essa área cinza do cabeçalho se mantenha da mesma largura, mesmo se um erro desse acontecer? Ou eu tenho que desenhar no canvas com o javascript?
Olá, Yuri, podemos manter a altura (height) do cabeçalho (header), caso não apareça a imagem, acrescentando a linha 9 ao arquivo css:
Lembrando que, no nosso exercício, o cabeçalho corresponde à classe caixa:
Assim, fixamos a altura dele.
Espero ter ajudado. Bons estudos!