Falta pouco!

0 dias

0 horas

0 min

0 seg

Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Uma dúvida

Olá, em meu computador utilizo um monitor ultrawide 3440x1440, o que faz a tela ser um pouco maior. Seguindo as instruções dos instrutores, o resultado no meu caso fica um tanto diferente. Em uma rápida pesquisa, encontrei uma alternativa: em vez de utilizar o space-between, usei o center com um gap para separar o texto da imagem. Gostaria de saber se isso é uma boa prática. Segue o código:

* {
    margin: 0;
    padding: 0;
}

body {
    height: 100vh;
    box-sizing: border-box;
    background-color: #000000;
    color: #f6f6f6;
    overflow-x: hidden;
}

.titulo_destaque {
    color: #22d4fd
}

.apresentacao {
    margin: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
     gap: 150px;
}

.apresentacao__conteudo {
    width:  615px;
}

.apresentacao__conteudo__titulo {
    font-size: 36px;
}

.apresentacao__conteudo__texto {
    font-size: 24px;
}
2 respostas
solução!

Oi, acredito que não seja muito recomendado pela questão de acabar ficando um valor fixo e podendo "quebrar" o design em algumas telas de tamanhos diferentes, na minha tela que é menor, por exemplo, usando o seu css os itens não ficaram bem dispostos, então acredito que de inicio não seja uma boa prática mas com que o tempo de para melhorar usando a responsividade do css conforme for avançando nos aprendizados.
Talvez uma alternativa seria colocar os valores em % ao invés de px.

Olá, Beatriz, muito obrigado. Faz bastante sentido o que você comentou, Vou aplicar isso e ir testando em diferentes tamanhos de tela para entender melhor como funciona na prática.

Valeu demais pela dica e pela atenção.