Olá, boa tarde!
Quando vou ajustar as porcentagens da tela em que devem ser exibidos tanto o main quanto a imagem e o nav, tenho que deixar a divisão em 77% para main e 23% para o aside. E mesmo assim ainda sobra um espaço em branco.
Ao que me parece essa é uma questão relacionada à largura tanto da foto quanto do nav, pois se mudo a divisão para 78% e 22%, ambos voltam para a posição na parte de baixo da tela. O cósido está da seguinte forma:
main{
width: 77%;
float: left;
}
aside, img {
text-align: center;
float: right;
}
aside{
clear: right;
width:23%;
box-sizing: border-box;
}Solucionei alterando o width da foto para 20%, correspondendo ao espaço delimitado para o aside após o float. Essa maneira está correta?
Pergunto porque isso não foi necessário no exercício original em vídeo, então se existe uma forma mais eficaz é sempre bom saber!
Obrigado.
