Vamos a continuar con el tercer ejemplo cero tres columnas iguales grit.
Voy a cerrar estos archivos y vamos a abrir este el índex botón derecho a abrir con Loic server.
Cerramos el anterior y también lo voy a abrir en Firefox OS LO Prediction en este caso puedes ver que
son tres entradas diferentes así que veamos cómo hacer tres columnas primero con Grid vamos a abrir
lo que humedeciendo el CSS de nueva cuenta lo voy a colocar en la parte inferior aquí voy a colocar
una clase que voy a nombrar tres columnas tú puedes nombrarlas como desees recuerdan solamente lo hago
por los ejemplos del video y aquí iba a colocar tres columnas.
Si recuerdas anteriormente vimos que este código de vivir dentro de un Miyako Aeri 6 7 6 8 y abrimos
llaves y colocamos nuestro Miria qwerty de nueva cuenta vamos a colocar display Grint y recuerdas defines
Hungry template Columns hay diferentes formas de hacerlo igual que como vimos anteriormente 33.3 por
ciento 33.3 por ciento 33.3 por ciento.
Esto es lo que va a hacer es definir una tercera parte para cada uno de ellos.
También existe una F.R una férrea y una F.R o también si recuerdas existe repeat y en este caso sería
3 una f que sin duda es la sintaxis que a mi me parece la mejor de todas.
Pero recuerda puedes utilizar todas las anteriores y todas van a funcionar bien si guardas cambios de
este proyecto puedes ver que tenemos nuestras tres columnas así de sencillo con dos líneas puedes tener
tres columnas con Grit si recuerdas teníamos en Colunga para tener un poco de separación digamos dos
guardamos cambios y vamos a tener la separación.
Así de sencillo puedes crear este efecto que es muy cómodo por ejemplo en Frend Works como vostra y
en éste este componente que se conoce como un kart pero puedes hacerlo solamente con tres líneas de
código no requieres un framework para algo así entonces se ve bastante bien y ya si lo haces más pequeño
si vas haciendo más ajustes puedes ver que se ve bien y en grande también se ve bastante bien.
Con esta lista puedes ver lo sencillo que es congrí en el siguiente vídeo veamos el mismo ejemplo a
tres columnas iguales ahora con flexivos.
Así que continuamos en el siguiente vídeo.