0

Tengo un problema con mi código ya que el CSS no se ve reflejado en mí HTML aquí les dejo mi código

<div class="camisa">
    <img  class="camisa__imagen" src="../img/3.jpg" alt="camisa react">
</div>

Y el css:

@media (min-width:768px) {
    .camisa {
        display: grid;
        grid-template-columns: repeat(2, 1f);
        column-gap: 2rem;
    }
}

Muchas gracias por su atención

8
  • Lee lo publicado en es.stackoverflow.com/help/asking y luego reelabora tu pregunta para poder responder.ç
    – Juan
    Commented el 27 jul. 2021 a las 8:27
  • en que parte de la pagina leo para poder resolver mi problema? me urge Commented el 27 jul. 2021 a las 8:48
  • 1
    Lee ¿como elaboro una buena pregunta? y por favor no coloques tu código como imágenes, pásalo a bloques de código. Un saludo :D
    – Josbert
    Commented el 27 jul. 2021 a las 8:59
  • Muchas gracias! Commented el 27 jul. 2021 a las 9:02
  • 2
    Coloca en la pregunta al menos el código (no una imagen) de la sección head de la página, para comprobar que tienes enlazado el archivo CSS, por ahí puede ir el problema.
    – Juan
    Commented el 27 jul. 2021 a las 9:04

1 respuesta 1

2

El error que yo veo es que le falta un r a la fracción del grid-template-columns.

Debería ir así:

@media (min-width:768px) {
    .camisa {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2rem;
    }
}

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.