como codar pro site ocupar a tela tanto na horizontal quanto na vertical, ajustando o conteúdo a depender do tamanho da tela que estiver sendo usada. sem precisar usar o scroll horizontal, principalmente
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!
como codar pro site ocupar a tela tanto na horizontal quanto na vertical, ajustando o conteúdo a depender do tamanho da tela que estiver sendo usada. sem precisar usar o scroll horizontal, principalmente
Olá, Bárbara!
Para fazer um site em HTML e CSS ocupar toda a tela de acordo com o dispositivo, você pode utilizar algumas técnicas de design responsivo. Uma delas é definir a largura e altura dos elementos em porcentagem em vez de pixels. Por exemplo, em vez de definir a largura de uma imagem como 500 pixels, você pode definir como 100%. Isso fará com que a imagem ocupe toda a largura da tela, independentemente do tamanho do dispositivo.
Outra técnica é utilizar media queries para ajustar o layout do site de acordo com o tamanho da tela. Por exemplo, você pode definir que, para telas menores que 768 pixels de largura, o menu do site será exibido em formato de lista em vez de estar na horizontal. Isso ajuda a garantir que o site seja visualizado corretamente em dispositivos móveis.
Além disso, é importante utilizar unidades de medida flexíveis, como em e rem, em vez de pixels, para que o site se adapte melhor a diferentes tamanhos de tela.
Espero ter ajudado e bons estudos!