[SOLUCIONADO] No me anda CSS grid.

Rebeca · Abril 05, 2021, 06:28:08 PM

Hola a todos, como dice el titulo no me anda css grid. y no encuentro el problema, son 3 div nada mas que se tienen que hacer columnas...
dejo código

Código: html5

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="viewpublic.css">
</head>
<body>

</body>
<div class="grid"> 
  <div>
    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptas, architecto.
  </div>

  <div>
    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptas, architecto.
  </div>

  <div>
    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptas, architecto.
  </div>

</div>

</html>

y mi CSS es:

Código: css

.grig {
      display : grid;
     /* grid-template-rows: 100px 100px;*/
      grid-template-columns: 33% 33% 33%;
      }
      .grid div {
      background : #ecf0f1;
      padding : 1em;
      }
      .grid div:hover {
      border : #f1c40f solid 1px;
      }

No es el código supongo es lo mas simple que hay ,... tengo Google Chrome y Firefox , en ninguno me anda..
he reiniciado la maquina, le pase el ccleaner...
Si alguien me ayuda, gracias.. y disculpen si es una tontera.
Saludos a todos
Rebe

WhatsApp Telegram

Rebeca · Abril 06, 2021, 12:52:06 AM

Solucionado

cambie esta linea

Código: html5

<div class="grid">

por

Código: css

<div class="grid-rebe">

y en CSS también. .. raro...

Código: css

.grid-rebe{
      display:grid;
     /* grid-template-rows: 100px 100px;*/
      grid-template-columns: 33% 33% 33%;
      }
      .grid-rebe div {
      background : #ecf0f1;
      padding : 1em;
      }

Gracias.!!
Saludos.!!!!

WhatsApp Telegram

Lautaro Villarreal Culic' · Abril 06, 2021, 02:13:15 AM

Hola Rebe! jaja creo que es porque en el código original, cuando declarabas el .grid{} en el .css en lugar de poner grid habías puesto grig.

Revisa el código del primer mensaje del post, fijate que dice .grig

Creo que fue por eso, saludos!

Cita de: Rebeca en Abril 05, 2021, 06:28:08 PM
y mi CSS es:

Código: css

.grig {
      display : grid;
     /* grid-template-rows: 100px 100px;*/
      grid-template-columns: 33% 33% 33%;
      }

WhatsApp Telegram

[SOLUCIONADO] No me anda CSS grid.

Rebeca

Abril 05, 2021, 06:28:08 PM Ultima modificación: Abril 06, 2021, 01:11:58 AM por DtxdF

2 respuestas

Rebeca

Abril 06, 2021, 12:52:06 AM #1

Lautaro Villarreal Culic'

Abril 06, 2021, 02:13:15 AM #2

🔗 Temas relacionados

¿Te quedó una duda sobre Dudas y pedidos generales?