What is the translation of " CSS GRID " in Spanish?

• CSS grid

Examples of using CSS grid in English and their translations into Spanish

How I design with CSS grid.
Cómo diseño con CSS Grid.

CSS grid layout has the following features.
El diseño de rejilla CSS tiene las siguientes características.

How to build complicated grids using CSS grid.
Como construir rejillas complejas con CSS Grid.

Why CSS Grid is better than Bootstrap for creating layouts.
Por qué CSS Grid es mejor que Bootstrap para crear diseños.

If you found this article about css grid interesting, you might like….
Si este artículo sobre CSS Grid te gustó, te puede interesar.

The minmax() function also offers many possibilities, which allows us to define a minimum and maximum value in a CSS Grid declaration.
También ofrece muchas posibilidades la función minmax() que nos permite definir en una declaración CSS Grid un valor mínimo y máximo.

And if you know any website made with CSS Grid, it would be great if you send it to the showcase.
Y si de camino conoces alguna web realizada con CSS Grid, estaría genial que nos la mandaras al showcase.

If you are looking for something more advanced, you can start with this article about CSS Grid or about CSS media queries.
Si buscas algo más avanzado, puedes empezar por este artículo sobre CSS Grid o sobre mediaqueries en CSS..

We do not think that CSS Grid is the future of web design: we firmly believe that it is already the present.
No pensamos que CSS Grid es el futuro del diseño web: creemos firmemente que ya es su presente.

As you can see, passing an editorial design to web design is not easy although with CSS Grid we can achieve a quite acceptable result.
Como verás, pasar un diseño editorial a diseño web no es sencillo, aunque con CSS Grid podemos conseguir un resultado bastante aceptable.

The CSS Grid example is perhaps the most illustrative of how the future of upcoming CSS features and updates will be.
El ejemplo de CSS Grid es quizás el más ilustrativo sobre cómo será el futuro de las próximas características y actualizaciones de CSS..

In fact there are already some interesting examples built with CSS Grid that remind us of those magazine designs and book covers.
De hecho ya hay algunos ejemplos interesantes construidos con CSS Grid que nos recuerdan a esos diseños de revistas y portadas de libros.

With these premises we just needed an idea, which we actually found last year writing one of our tutorials on CSS Grid In Spanish.
Con estas premisas solo nos hacía falta una idea, que en realidad la encontramos el año pasado redactando uno de nuestros tutoriales sobre CSS Grid.

Although at first it may seem less understandable, once we know how to use the CSS Grid syntax, we see how writing is even simpler than in Flexbox.
Aunque en un principio pueda parecer menos comprensible, una vez que sepamos usar la sintaxis de CSS Grid, vemos como su escritura resulta incluso más sencilla que en Flexbox.

As we have said, we will work on a basic HTML, on which we will apply our CSS, on the one hand using Flexbox and on the other hand CSS Grid.
Como hemos dicho, vamos a trabajar sobre un HTML básico, sobre el que aplicaremos nuestro CSS, por una parte usando Flexbox, y por otra CSS Grid.

Here is one of the weaknesses of CSS Grid, because despite the ease of aligning containers, it is not very good to do the same with the elements that are inside.
Aquí una de las debilidades de CSS Grid, ya que a pesar de la facilidad que nos da alinear contenedores, no es muy bueno para hacer lo mismo con los elementos que están dentro.

These last weeks we have been working on a Side Project called Gridexamples. com, a showcase with examples of websites in production that use CSS Grid.
Estas últimas semanas hemos estado trabajando en un Side Project llamado Gridexamples. com, un showcase con ejemplos de webs en producción que usan CSS Grid.

CSS Grid is better for the general construction of your page, since it is easier to model your template with it and you can create more asymmetrical and peculiar designs.
CSS Grid es mejor para la construcción general de nuestra página, ya que es más fácil modelar nuestra plantilla, y se pueden crear diseños más asimétricos y peculiares.

The point is that in this article we wanted to refer to a web in production that was already using CSS Grid, but it was almost impossible to find any.
La cuestión es que en dicho artículo queríamos hacer referencia a alguna web en producción que ya estuviera utilizando CSS Grid y fue casi imposible encontrar alguna.

So it is not going to use CSS Grid, as we have foreseen, but it is also not going to be able to apply Flexbox, since it does not know how to read everything inside the Feature Query.
Por lo que ni se va a usar CSS Grid, como ya hemos previsto, pero es que tampoco va a poder aplicar Flexbox, ya que no sabe leer todo lo que hay dentro del Feature Query.

To get rid of doubts, we will create a small template, and we will try to apply our design using both Flexbox and CSS Grid to see which one is more appropriate.
Pues para sacarnos de dudas, vamos a crear una pequeña plantilla, e intentaremos aplicar nuestro diseño usando tanto Flexbox como CSS Grid, para ver que nos resulta más adecuado.

Through this list of websites that already use CSS Grid, we want to show you how it is a tool that is mature and compatible enough to be incorporated into our projects.
Y mediante este listado de webs que ya hacen uso de CSS Grid, queremos mostraros como es una herramienta que es lo suficientemente madura y compatible como para incorporarla ya en nuestros proyectos.

Web Bluetooth enables browsers to handle functionality formerly reserved for native applications, and we increasingly see open standards such as CSS Grid Layout and CSS Modules supplanting custom libraries.
Web Bluetooth permite a los navegadores manejar funcionalidades previamente reservadas para aplicaciones nativas, y vemos cada vez más estándares abiertos como CSS Grid Layout y CSS Modules suplantando bibliotecas personalizadas.

All this makes it appear in CSS Grid the possibility of defining empty spaces with the same intensity that we define full spaces, and not automatically or by default as in the case of floats or in Flexbox.
Todo esto hace que aparezca en CSS Grid la posibilidad de definir espacios vacíos con la misma intensidad que definimos los espacios llenos, y no de forma automática o por omisión como sucedía con los floats o en Flexbox.

The best work system that we can choose is to use both Flexbox and CSS Grid in our projects together, since each has its strengths in different things.
El mejor sistema de trabajo por el que podemos optar es usar tanto Flexbox como CSS Grid en nuestros proyectos de forma conjunta, ya que cada uno tiene sus puntos fuertes en diferentes cosas.

I believe that CSS Grid incorporates a different working logic than the rest(Floats and Flexbox.) While with the previous ones we worked stacking blocks like those construction games that we used when we were children(either in rows or columns,) with CSS Grid the method changes, because the blocks no longer have weight and do not stack.
Mientras que con los anteriores trabajábamos apilando bloques como aquellos juegos de construcción que usábamos cuando eramos niños(ya fueran en filas o columnas), con CSS Grid el método cambia, pues los bloques ya no tienen peso y tampoco se apilan.

To illustrate(and celebrate) this approach between editorial design and web design, we have set out to design with CSS Grid some pages of number 3 of the 99U Quarterly Magazine, a very interesting publication for the creative community.
Para ilustrar(y celebrar) este acercamiento entre diseño editorial y diseño web, nos hemos propuesto maquetar con CSS Grid algunas páginas del número 3 de la revista 99U Quarterly Magazine, una publicación muy interesante para la comunidad creativa.

Therefore we have changed the roles in some tasks during the development of the project, so for example Alfonso designed the logo and the individual page of the examples in addition to the tasks of layout, Verónica touched some code in addition to their design tasks and I designed the home and I learned a little more about CSS Grid.
Por ello hemos cambiado los roles en algunas tareas durante el desarrollo del proyecto, así por ejemplo Alfonso diseñó el logotipo y la página individual de los ejemplos además de las tareas de maquetación, Verónica tocó algo de código además de sus tareas de diseño y yo diseñé la home y aprendí un poco más sobre CSS Grid.

After a couple of rounds of introducing CSS grid to people who haven't tried it before, Chen Hui Jing found it wasn't the implementation of grid that people asked questions about, rather, it was the bit before that.
Después de un par de artículos de introducción a CSS Grid a las personas que no lo han probado antes, Chen Hui Jing descubrió que la gente no lo implementaba en sus proyectos de forma correcta.

In this article we will explore the basic idea behind creating a grid system, look at using a ready-made grid system provided by a grid framework, and end by experimenting with CSS Grids- a nascent new browser feature that makes implementing grid design on the Web a lot easier.
En este artículo exploraremos la idea básica detrás de un sistema de cuadrícula, y terminaremos experimentando con CSS Grid, una incipiente nueva característica que permite diseñar una cuadricula Web con gran facilidad.