Boa noite professor,
ao definir a largura do menu lateral em 228px para desktop e 208px para tablet, existe algum cálculo que é feito, ou é de acordo com o que fica melhor visualmente?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Boa noite professor,
ao definir a largura do menu lateral em 228px para desktop e 208px para tablet, existe algum cálculo que é feito, ou é de acordo com o que fica melhor visualmente?
Olá Klaus, como vai? Espero que esteja bem!
A escolha da largura do menu lateral em 228px para desktop e 208px para tablet, como mencionado no curso, é baseada em decisões de design e como os elementos se encaixam melhor visualmente na página. Não há um cálculo específico para determinar essas medidas.
Por exemplo, no caso do curso, o designer pode ter decidido que 228px para desktop e 208px para tablet proporciona um equilíbrio visual agradável entre o menu lateral e o conteúdo principal da página.
No entanto, é importante lembrar que essas medidas podem variar dependendo do conteúdo do seu site e do design que você deseja implementar. O importante é garantir que o layout seja responsivo e se ajuste bem em diferentes tamanhos de tela.
Aqui está um exemplo de como você pode ajustar a largura do menu lateral em seu CSS:
/* Para desktop */
@media (min-width: 1025px) {
.menu-lateral {
width: 228px;
}
}
/* Para tablet */
@media (max-width: 1024px) {
.menu-lateral {
width: 208px;
}
}
Neste exemplo, usamos as media queries para aplicar diferentes estilos dependendo do tamanho da tela. Quando a largura da tela é de 1025px ou mais (desktop), o menu lateral tem uma largura de 228px. Quando a largura da tela é de 1024px ou menos (tablet), o menu lateral tem uma largura de 208px.
Espero ter ajudado e bons estudos!