0

Como elimino el espacio en blanco entre 2 section cuando la de abajo de las 2 tiene una imagen como background con un gradiente?

Ambas no tienen padding ni margin, y ya coloqué en el CSS: *{ box-sizing: border-box; margin: 0; padding: 0;}.

Lo que sí observe es que quitando la imagen y poniendo un background-color, el espacio desaparece y quedan unidas. Debe ser una propiedad que tengo que aplicarle a ese background, pero no sé cual es.

El código del CSS de la section en cuestión es así:

.contacto {
  background: linear-gradient(to top, rgba(30, 35, 38, .8), rgba(30, 35, 38, 1)), url(img/fondoInicio.jpeg);
  background-size: cover;
  height: 700px;
  margin-top: 0;
  color: #ffffff;
  padding: 0;
}
<div class="contacto"></div>

4
  • te faltó agregar el código de la primera sección Commented el 9 may. a las 23:39
  • Es que no tiene nada raro, por eso no crei que fuese importante, pero aca está.
    – Caro
    Commented el 9 may. a las 23:41
  • acá dónde? segura que le diste click en editar a tu pregunta? Commented el 10 may. a las 0:01
  • 1
    Al ejecutar tu ejemplo todo se ve bien, no luce como lo describes en la pregunta.
    – jachguate
    Commented el 10 may. a las 9:04

1 respuesta 1

0

No tengo la solución exacta y no puedo comentar, pero en mi experiencia simplemente aumento el padding o el margin para quitar ese espacio en blanco.

1
  • Tal y como está redactada, tu respuesta no es clara. Por favor, pulsa en editar para añadir detalles adicionales que ayuden a los demás a entender cómo esto responde a la pregunta formulada. Puedes encontrar más información sobre cómo escribir buenas respuestas en el centro de ayuda.
    – Comunidad Bot
    Commented el 16 may. a las 20:39

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.