Solucionado
Quando coloco a imagem para o seu tamanho original removendo width e colocando a propriedade absolute minha tela aumenta, tendo um srcoll na barra de baixo da página ao invés de seguir os limites da página. CSS
aside, .foto-joao-da-silva {
box-sizing: border-box;
float: right;
border-left: 10px solid black;
border-bottom: 10px solid black;
}
aside {
clear: right;
width: 15%;
}
.foto-joao-da-silva {
position: absolute;
É isso que acontece mesmo. Qualquer elemento que for posicionado de forma que passe do limite da página faz com que apareça um scroll lateral ou para baixo. Se você quiser que isso não aconteça tente posicionar melhor os elementos. Você pode colocar por exemplo:
.foto-joao-da-silva
{
position: absolute;
top: 0; /* faz a imagem ficar a zero de distância do topo */
right: 0; /* e a zero de distância da direita */
}Existe uma propriedade que faz o navegador esconder o scroll horizontal ou vertical, mas isso é coisa do curso II.
Deu certo, obrigado pelo ajuda ! Próximo curso eu vejo então.