Solucionado
Baixei o código e no código não especifica nada para alinhar o site ao cntro da tela, então adicionei essas formatações no
main {
width: 67%;
padding-bottom: 0;
margin-left: auto;
margin-right: auto;
float: none;
}porém, duas coisas ficaram diferentes: no exemplo pronto do exercicio o width ta 100% e no meu tive que colocar 67%, acredito que prq o .trabalhos li esteja com width de 28%
.trabalhos li {
float: left;
width: 28%;
}Tá correto isso?
hoje, com a Alura e o Google Gemini
Olá bruno,
O único problema que vejo no seu código é que você não disse o que seu mais é no seu código CSS. Veja abaixo que utilizei seu css para criar um exemplo e funcionou perfeitamente. Veja:
<html>
<style type="text/css">
#main {
width: 67%;
padding-bottom: 0;
margin-left: auto;
margin-right: auto;
float: none;
background-color: #F3F3F3;
heigth: 100%;
}
</style>
<body>
<div id="main">
teste
</div>
</body>
</html>Você deve dizer o que seu mais é se é um id (#main) ou uma class (.main).
Acredito que é o seu único problema. No exemplo acima utilizei o main como id. Veja abaixo utilizando o main como class:
<html>
<style type="text/css">
.main {
width: 67%;
padding-bottom: 0;
margin-left: auto;
margin-right: auto;
float: none;
background-color: #F3F3F3;
heigth: 100%;
}
</style>
<body>
<div class="main">
teste
</div>
</body>
</html>Para testar copie o código e save em um arquivo.html e abra com o navegador. Veja o que essa main representa um ID ( utiliza # no css) uma um CLASS(que utiliza . no css). Espero ter ajudado. Se não resolver, comente. Qualquer coisa poste o codigo do seu html também.
Obrigado pela resposta, funcionou agora. Também encontrei o erro nesse "width 67%", no exemplo eles estavam usando 100% mesmo.
Mais uma vez obrigado!