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]
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;
}