Como fazer um banner com titulo e button responsivos?

07/08/2019

5

Estou iniciando nessas questões sobre HTML e CSS, não sei se isso já foi postado alguma vez, se foi, desculpe.

Eu estava programando e tentei fazer com que o <h1> e o button se redimensionassem a partir do momento que eu deixava com width menor, mas no momento que eu mudava o @media de 768px, alterava todos os outros também, inclusive o left e top.

Como fazer com que cada tamanho fique redimensionado sem alterar os outros?
Responder

Posts

08/08/2019

Daniel Melo

Olha, para mexer no tamanho conforme a tela encolhe você deve utilizar valores em % ao invés de pixels quando for determinar o tamanho de cada elemento, ele faz com que um elemento sempre ocupe o tamanho especificado na porcentagem, ou seja, um banner com width de 100% ocupará 100% da largura da tela, independentemente do tamanho da mesma, ou então você pode aprender a usar o sistema de grids do bootstrap, que te permite configurar manualmente sua aplicação para telas de smartphones, tablets, pequenos notebooks e computadores.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar