Buenas Tardes, mi nombre es federico y la duda que tengo, es en mi footer, el cual hice en 4 columnas utilizando .footer-column3{ float: left; width: 25%; } para cada una de las 4 columnas del footer, mi problema ahora es como manejar el posicionamiento de los elementos dentro de cada una de esas columnas, y que son distintos para cada una de ellas, en la primera columna va el logo y dos filas de texto, en las otras 3 columnas va un titulo a la misma altura en las 3, en la segunda debajo del titulo van 3 links, en la tercera van 5 lineas de texto y en la cuarta van 6 links a redes en 2 filas de 3 cada una
La programacion html es la siguiente
<h1 class="text-center">Inmobiliaria</h1>
</div>
</div>
<div class="footer-column2">
<br>
<h4>Links Rápidos</h4>
<hr style="border-top: 4px solid green; width: 70%; margin-bottom: 0;">
<br><br>
<a href="contacto.html" class="links-footer">✖ Contacto</a> <br>
<a href="cotizacion.html" class="links-footer">✖ Cotizacion</a><br>
<a href="blog.html" class="links-footer">✖ Blog</a>
</div>
<div class="footer-column3">
<br>
<h4>Contáctanos</h4>
<hr style="border-top: 4px solid green; width: 68%; margin-bottom: 0;">
<br>
<p>Av. Libertador 450 6to A</p>
<p>CABA</p>
<p>+54 11 496 4565</p>
<p>info@perezfontinmobiliaria.com</p>
<p>Matricula= CPI 45874</p>
</div>
<div class="footer-column4">
<br>
<h4>Links Redes</h4>
<hr style="border-top: 4px solid green; width: 68%; margin-bottom: 0;">
<br><br>
<a href="red-social-1.html" class="red-social-link">
<img src="icons/icons8-instagram-50 green.png" alt="Icono 1">
<img src="icons/icons8-instagram-50.png" alt="Icono 1 (verde)" class="hover-img" style="width: 50px; height: 50px; position: absolute; top: 0; left: 0;">
</a>
<a href="red-social-2.html" class="red-social-link">
<img src="icons/icons8-whatsapp-50 green.png" alt="Icono 1">
<img src="icons/icons8-whatsapp-50.png" alt="Icono 1 (verde)" class="hover-img" style="width: 50px; height: 50px; position: absolute; top: 0; left: 0;">
</a>
<a href="red-social-3.html" class="red-social-link">
<img src="icons/icons8-facebook-nuevo-50 green.png" alt="Icono 1">
<img src="icons/icons8-facebook-50.png" alt="Icono 1 (verde)" class="hover-img" style="width: 50px; height: 50px; position: absolute; top: 0; left: 0;">
</a>
<br><br>
<a href="red-social-3.html" class="red-social-link">
<img src="icons/icons8-twitter-50 green.png" alt="Icono 1">
<img src="icons/icons8-twitter-50_inv (1).png" alt="Icono 1 (verde)" class="hover-img" style="width: 50px; height: 50px; position: absolute; top: 0; left: 0;">
</a>
<a href="red-social-2.html" class="red-social-link">
<img src="icons/icons8-linkedin-50 green.png" alt="Icono 1">
<img src="icons/icons8-linkedin-50_inv (1).png" alt="Icono 1 (verde)" class="hover-img" style="width: 50px; height: 50px; position: absolute; top: 0; left: 0;">
</a>
<a href="red-social-3.html" class="red-social-link">
<img src="icons/icons8-youtube-play-50 green.png" alt="Icono 1">
<img src="icons/icons8-youtube-50_inv.png"alt="Icono 1 (verde)" class="hover-img" style="width: 50px; height: 50px; position: absolute; top: 0; left: 0;">
</a>
</div>
</div>
</div>
y tambien todo el footer tiene que tener un fondo comun aplicado en css
Saludos
