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
    – BetaM
    el 8 dic. 2020 a las 18:00

Tu Respuesta

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

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