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

Problema em alinhar elementos

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]

2 respostas
solução!

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