Solucionado
Do código descrito no exercício eu só deixei o bloco amarelo sendo:
#amarela {
background-color: yellow;
width: 300px;
height: 300px;
float: right;
}Desta maneira o amarelo ficou no topo direito dentro dos limites do azul.
Oi Lucas, tudo bem? Você deve se atentar ao resultado final. Se foi o mesmo, tudo bem. Desenvolvimento de software envolve muito disso. Resolver os problemas de diversas formas diferentes e não há problema nenhum nisso.
Se o código ficou mais simples e mais fácil de enteder, melhor ainda. Note que apesar de eu te dito que você deve se atentar ao resultado final, não será sempre assim. Mas isso vem com o tempo, onde você vai começar a se preocupar com qualidade de código e outras coisas...
Espero ter ajudado, bons estudos.
Certo! Valeu.