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
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
hoje, com a Alura e o Google Gemini
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!