2
respostas

Layout responsivo para ultra wide

Apliquei os efeitos para mobile e monitores normais, porém ao ser aberto em um ultra wide ficou dessa forma conforme as imagens, como poderia configurar para esse tipo de usuário também?![foto casal(Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

![casal2](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

2 respostas

Olá Adao, tudo bem?

Nossa, que legal que você se inspirou pra fazer a página de um casamento com o conhecimento adquiro no curso!

Pelo que entendi, você está tendo dificuldades em tornar seu layout responsivo para usuários com monitores ultra wide. Para resolver esse problema, você pode utilizar a propriedade max-width, ela vai delimitar a largura máxima do layout.

Caso tenha dificuldades, você pode compartilhar o link do repositório do projeto, pra dar uma olhada?

Espero ter ajudado e bons estudos!

Obrigado o retorno! Isso , em monitores ultra wide estava ficando tudo disperso! havia feito os testes para mobile e outros componentes, inclusive usei essa configuração max-width, mas em pixel, alterei mantendo a mesma medida para 75rem. E vou fazer os testes...

segue o repositório :

https://github.com/MarceloBiotto/casamento

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software