Olá. No vídeo, o instrutor faz um teste que não está presente no texto.
aside {
float: right;
}
Ou seja, aplicou o float: right apenas no aside para mostrar o resultado. Ao fazê-lo, a barra de navegação ficou do lado direito da imagem, na mesma altura. No fluxo do HTML, primeiro vem a imagem, depois o barra de navegação, depois o rodapé. A aplicação do float: right no aside não deveria ter feito com que o rodapé subisse a altura do aside e este ficasse à direita do rodapé por cima? No entanto, o que acontece é que o aside é que sobe a altura da imagem e fica posicionada a direita da mesma. Não entendí esse comportamento.