Inicio
Comentar
Imágenes
Webgae
Crear un Grid responsive
HTML
Cambiar valor
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
ONE
TWO
THREE
FOUR
FIVE
SIX
SEVEN
EIGHT
NINE
TEN
ELEVEN
TWELVE
CSS
.card { background-color: dodgerblue; color: white; padding: 1rem; height: 4rem; } .cards { max-width: 1200px; margin: 0 auto; display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }
JavaScript
Puede cambiar código para ver el resultado
Resultado ↓
No hay comentarios:
Publicar un comentario
Entrada más reciente
Entrada antigua
Inicio
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario