Olá, antes de fazer as alterações propostas no exercício https://cursos.alura.com.br/course/avancando-html-css/task/18753, por que que, com o código abaixo, fica um espaço entre a foto e o título principal quando é dado zoom out?
main {
width: 80%;
float: left;
padding-bottom: 4em;
}
.navegacao-site {
width: 20%;
float: right;
position: relative;
top: 300px;
}
.minha-foto {
position: absolute;
top: 0;
right: 0;
height: 300px;
}