1.0 KiB
1.0 KiB
title | localeTitle |
---|---|
Create Flexible Layouts Using auto-fill | Crear diseños flexibles con autocompletar |
Crear diseños flexibles con autocompletar
Este desafío explicará el desafío anterior al agregar el valor de autocompletar a la función de repetición . Esto hará que la cantidad de divs se expanda según el tamaño de la ventana gráfica en lugar del valor de columna especificado previamente. En la sección Antes de abajo, se especifica el valor de cuadrícula-template-columna "3".
Tenga en cuenta que los siguientes fragmentos de código son solo ejemplos y no el desafío exacto del currículo de freeCodeCamp.
antes de
grid-template-columns: repeat(3, minmax(50px, 2fr));
Después
grid-template-columns: repeat(auto-fill, minmax(50px, 2fr));
Recursos
Puede consultar la sección de Sintaxis de la página siguiente para ver el valor de llenado automático : Red de desarrolladores de Mozilla