0

Buenas tengo un problema usando css grid, al tratar de dar un column gap este se sale del tamaño de pantalla que tengo es decir aparece el scroll horizontal, tengo esto en el css

 .container{
  margin:auto;
  width: 100%;

  display: grid;
  grid-template-columns: 50% 50%;
  column-gap: 10px;

 }

.banner-med{
height: 500px;
background-color: salmon;
}

estos son 2 div pero al dar separación no respeta el ancho de pantalla no se si se puede solucionar o que me recomiendan

1 respuesta 1

0

ya esta resuelto, cambie la unidad de medida en:

   grid-template-columns: 50% 50%;

por:

  grid-template-columns: 1fr 1fr;
1
  • De hecho con poner grid-template-columns: repeat(2, 1fr); alcanza, por cierto para la próxima trata de incluir además el HTML para tener un código completo donde ver el problema expuesto
    – user128299
    Commented el 8 dic. 2020 a las 18:00

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.