Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Como fazer o conteúdo de todo o site ter tamanho máximo fixo?

Referente ao curso HTML e CSS: responsividade com mobile-first, no capítulo Produzindo CSS no desktop e atividade Revisando o flexbox

por Estudante
| 140.1k xp | 13 posts

Boa noite, tudo bem?

Minha dúvida é sobre algo que não está sendo abordado nesse curso.

Como eu poderia fazer quando utilizar o media query para desktop (1728px), fazer com que o contéudo do site fique fixado em um determinado tamanho máximo.

Para ilustrar, fiz o upload um print do site da Globo.com da minha tela (3840x2160). Eu gostaria de repetir exatamente esse mesmo comportamento.

Poderiam me ajudar com isso por gentileza? Ps. Se houver algum curso ou conteúdo que aborde essa questão e puderem me apontar qual é, ajudaria bastante também.

Obrigado.

4 respostas
solução!
por Iara Nascimento Sztybe
| 13.3k xp | 6 posts

Max-width não resolve?

<style>
    body {
        max-width: 1728px;
        display: block;
        margin: 0 auto;
    }
</style>


<body>
    <!-- Aqui vai o seu site -->
</body>
por Estudante
| 140.1k xp | 13 posts

Olá Iara, boa noite! Obrigado pela resposta.

Funciona quando não uso media query para layouts responsivos. Quando experimento fazer via mobile-first e determino os tamanho mínimos para celular e tablet, não consigo fazer funcionar quando chega a vez do desktop. Não sei como resolver isso.

por Iara Nascimento Sztybe
| 13.3k xp | 6 posts

Huuuum.... mostra o seu código. Posso dar uma olhada.

por Estudante
| 140.1k xp | 13 posts

Consegui. Você não vai acreditar qual era o erro... Eu digitei 'max-width" errado... Escrevi "max-widht". Não ia funcionar nunca kkkkkkk.

De qualquer maneira, muito obrigado por tudo e pela disposição em ajudar.