CSS - display: grid en IE y Safari

   
Vista:

display: grid en IE y Safari

Publicado por Joaquín (3 intervenciones) el 21/12/2017 12:18:09
Tengo el siguiente código que funciona bien en los navegadores chrome, opera y firefox:
1
2
3
4
5
6
7
.wrapper > * {
    padding: 2em 2em;
}
.wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
}
Pero en IE y safari no funciona. He probado poniendo:
1
2
3
4
5
6
.wrapper {
    display: grid;
    grid-template-columns: 1fr 2fr;
    display: -ms-grid;
    -ms-grid-columns: 2fr 2fr;
}
Para IE y sigue sin funcionar, me superpone los dos grid a la izquierda, y de safari ni he mirado.
¿Alguien podría aclararme algo?
Gracias por anticipado, pero es que de css no estoy fino.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Revisar política de publicidad