Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Tamanho de exibição da página (zoom).

Olá!

Identifiquei que meu menu lateral de navegação do site não ficava "colado" com a foto. Quando inspecionei o elementos da página, identifiquei que o zoom aplicado na visualização altera também os valores de tamanhos aplicados manualmente, por exemplo: zoom 100% = border-bottom 10px; zoom 90% = border-bottom 8.9333px. Acontecendo isso, a posição do menu de navegação deveria estar 308,9333px para que não houvesse um espaço entre ele e a imagem acima.

Qual seria a melhor prática para que não houvessem problemas com a visualização da página se for utilizado outros tamanhos de zoom? Pois existem monitores de diversas resoluções onde o usuário poderia modificar o zoom da página para melhorar a visualização.

Obrigado!

1 resposta
solução!

Pedro, bom dia!

Isso ocorre mesmo, pois o foco do curso é numa página estática, porém no curso de HTML5 e CSS3 II: Turbinando as suas páginas você verá a solução desse problema, te adiantando o que você pode fazer é que existe uma função no CSS chamada calc() você pode colocar algo parecido com

.meuMenu{
    width: calc(tamanhodaTela - tamanhoDoMain);
}

Assim o resultado dessa conta vai ser o tamanho que o menu pode ter para não ficar desproporcional a tela e a foto do João da Silva.

Você pode ver mais sobre calc() aqui.

Espero ter ajudado e bons estudos!