By defining a grid, the contents are placed on the screen, maintaining homogeneity throughout the structure.
In addition to being an indispensable requirement to allow a correct distribution of the elements in the different screen resolutions. The components are placed and adapted to the reticle, as if they were the pieces of a puzzle, composing the screens.
Breakpoints are jumps at which the screen can change its layout. Setting standards ensures design integrity for all screen sizes.
Between 1025px and 1280px
Between 1025px and 1280px
Between 874px and 1024px
Between 600px and 873px
Up to 599px
Nuestra retícula se compone de 12 columnas para resoluciones de escritorio, 8 columnas para tablet y 4 columnas para móvil
Our grid consists of 12 columns for desktop resolutions, 8 columns for tablet and 4 columns for mobile.
It consists of 12 columns. The content will be integrated into a container with a maximum width of 1200px, margin between columns of 24px, and margin on the screen itself of 24px.
It consists of 8 columns. It consists of a margin between columns of 16px, and margin on the screen itself of 16px.
It consists of 4 columns. The margin between columns is 16px with a margin on the screen itself of 16px.
It consists of 4 columns. The margin between columns is 16px with a margin on the screen itself of 16px.
This website uses own and third party cookies to provide a better service. If you continue browsing we consider that you accept its use.
