Estou fazendo um site para treinar e tive problemas no posicionamento das divs ".d-servico", a primeira está mais alta que as outras. Como posso resolver isso? Segue o link para o arquivo completo em rar. [link retirado]
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Estou fazendo um site para treinar e tive problemas no posicionamento das divs ".d-servico", a primeira está mais alta que as outras. Como posso resolver isso? Segue o link para o arquivo completo em rar. [link retirado]
Olá Lúcio, tudo certo?
Minha recomendação seria que os H2, img e p estejam dentro de div's com tamanhos pré definidos, mais ou menos deste jeito:
<div id="ajuste" class="d-servico">
<div>
<h2>Alicates de Unha</h2>
</div>
<div>
<img class="img-alicate" src="alicate.jpg">
</div>
<div>
<p>Trabalhamos com afiação, troca de mola, manutenção geral, venda de alicates e acessorios.</p>
</div>
</div>Você ajusta a altura de cada div com um height em porcentagem.
Espero ter ajudado, bons estudos!
Muito obrigado, dividir em mais divs ajudou a organizar melhor :) Uma outra coisa que teria ajudado que descobri aqui é:
.d-servico {
vertical-align: top;
}