translation(ru): grid-layout.md (#326)

* Update grid-layout.md (translation)

I added a translation into Russian. I would be glad if this helps.

* A small addition to the translation

A small addition to the translation

Author: ilia-brykin

Diff for: content/docs/ru/elements/layouts/grid-layout.md

@@ -4,25 +4,25 @@ apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_grid_lay
 contributors: [rigor789, ikoevska]
 ---
 
-`<GridLayout>` is a layout component that lets you arrange its child elements in a table-like manner. 
+`<GridLayout>` является компонентом макета, который позволяет упорядочить его дочерние элементы в табличном стиле. 
 
-The grid consists of rows, columns, and cells. A cell can span one or more rows and one or more columns. It can contain multiple child elements which can span over multiple rows and columns, and even overlap each other. 
+Сетка состоит из строк, столбцов и ячеек. Ячейка может занимать одну или несколько строк и один или несколько столбцов. Сетка может содержать несколько дочерних элементов, которые могут занимать несколько строк и столбцов и даже перекрывать друг друга. 
 
-By default, the `<GridLayout>` has one column and one row. You can add columns and rows by configuring the `columns` and the `rows` property. In these properties, you need to set the number of columns and rows and their width and height. You set the number of columns by listing their widths, separated by a comma. You set the number of rows by listing their heights, separated by a comma.
+По умолчанию , `<GridLayout>` содержит имеет один столбец и одну строку. Вы можете добавить столбцы и строки, настроив свойства: `columns` и `rows`. В этих свойствах вам нужно установить количество столбцов и строк, а также их ширину и высоту. Вы устанавливаете количество столбцов, перечисляя их ширину через запятую. Вы устанавливаете количество строк, перечисляя их высоту через запятую.
 
-You can set a fixed size for column width and row height or you can create them in a responsive manner. 
+Вы можете установить фиксированный размер для ширины столбца и высоты строки, или вы можете создать их в адаптивной манере.
 
-* **An absolute number:** Indicates a fixed size.
-* **auto:** Makes the column as wide as its widest child or makes the row as tall as its tallest child.
-* **\*:** Takes as much space as available after filling all auto and fixed size columns or rows.
+* **Абсолютное число:** Указывает фиксированный размер.
+* **auto:** Делает столбец таким же широким, как его самый широкий дочерний элемент, или делает ряд таким же высоким, как и его самый высокий дочерний элемент.
+* **\*:** Занимает столько места, сколько доступно после заполнения всех столбцов или строк авто и фиксированного размера.
 
-See [Props](#props) for more information.
+Смотрите [Props](#props) чтобы получить больше информации.
 
-### Examples
+### Примеры
 
-#### Grid layout with fixed sizing
+#### Разметка сетки с фиксированным размером
 
-The following example creates a simple 2-by-2 grid with fixed column widths and row heights.
+В следующем примере создается простая сетка 2 на 2 с фиксированной шириной столбца и высотой строки.
 
 ```html
 <GridLayout columns="115, 115" rows="115, 115">
@@ -34,9 +34,9 @@ The following example creates a simple 2-by-2 grid with fixed column widths and
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/grid_layout.svg" />
 
-#### Grid layout with star sizing
+#### Разметка сетки со звездообразным размером
 
-The following example creates a grid with responsive design, where space is alotted proportionally to child elements.
+В следующем примере создается сетка с адаптивным дизайном, где пространство распределяется пропорционально дочерним элементам.
 
 ```html
 <GridLayout columns="*, 2*" rows="2*, 3*" backgroundColor="#3c495e">
@@ -48,7 +48,7 @@ The following example creates a grid with responsive design, where space is alot
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/grid_layout_star_sizing.svg" />
 
-#### Grid layout with fixed and auto sizing
+#### Разметка сетки с фиксированным и автоматическим размером
 
 ```html
 <GridLayout columns="80, auto" rows="80, 80" backgroundColor="#3c495e">
@@ -60,9 +60,9 @@ The following example creates a grid with responsive design, where space is alot
 ```
 <img class="md:w-1/2 lg:w-1/3" src="https://art.nativescript-vue.org/layouts/grid_layout_fixed_auto.svg" />
 
-#### Grid layout with mixed sizing and merged cells
+#### Разметка сетки с фиксированным и автоматическим размером
 
-The following example creates a complex grid with responsive design, mixed width and height settings, and some merged cells.
+В следующем примере создается сложная сетка с адаптивным дизайном, смешанными настройками ширины и высоты и несколькими объединенными ячейками.
 
 ```html
 <GridLayout columns="40, auto, *" rows="40, auto, *" backgroundColor="#3c495e">
@@ -79,18 +79,18 @@ The following example creates a complex grid with responsive design, mixed width
 
 ## Props
 
-| Name | Type | Description |
+| Имя | Тип | Описание |
 |------|------|-------------|
-`columns` | `String` | A string value representing column widths delimited with commas.<br/>Valid values: an absolute number, `auto`, or `*`.<br/>A number indicates an absolute column width. `auto` makes the column as wide as its widest child. `*` makes the column occupy all available horizontal space. The space is proportionally divided over all star-sized columns. You can set values such as `3*` and `5*` to indicate a ratio of 3:5 in sizes.
-`rows` | `String` | A string value representing row heights delimited with commas.<br/>Valid values: an absolute number, `auto`, or `*`.<br/>A number indicates an absolute row height. `auto` makes the row as tall as its tallest child. `*` makes the row occupy all available vertical space. The space is proportionally divided over all star-sized rows. You can set values such as `3*` and `5*` to indicate a ratio of 3:5 in sizes.
+`columns` | `String` | Строковое значение, представляющее ширину столбца, разделенную запятыми.<br/>Допустимые значения: абсолютное число, `auto`, или `*`.<br/>Число указывает на абсолютную ширину столбца. `auto` делает столбец таким же широким, как и его самый широкий потомок. `*` заставляет колонку занимать все доступное горизонтальное пространство. Пространство пропорционально разделено на все столбцы звездного размера. Вы можете установить значения, такие как `3*` и `5*` чтобы указать соотношение размеров 3:5.
+`rows` | `String` | Строковое значение, представляющее высоту строки, разделенную запятыми.<br/>Допустимые значения: абсолютное число, `auto`, или `*`.<br/>Число указывает на абсолютную высоту строки. `auto` делает ряд таким же высоким, как и его самый высокий ребенок. `*` заставляет ряд занимать все доступное вертикальное пространство. Пространство пропорционально разделено на все звездные ряды. Вы можете установить значения, такие как `3*` и `5*` чтобы указать соотношение размеров 3:5.
 
-## Additional children props
+## Дополнительные детские props
 
-When an element is a direct child of the GridLayout, you can work with the following additional properties.
+Когда элемент является прямым потомком GridLayout, вы можете работать со следующими дополнительными свойствами.
 
-| Name | Type | Description |
+| Имя | Тип | Описание |
 |------|------|-------------|
-`row` | `Number` | Specifies the row for this element. Combined with a `col` property, specifies the cell coordinates of the element.<br/>The first row is indicated by `0`.
-`col` | `Number` | Specifies the column for the element. Combined with a `row` property, specifies the cell coordinates of the element.<br/>The first column is indicated by `0`.
-`rowSpan` | `Number` | Specifies the number of rows which this element spans across.
-`colSpan` | `Number` | Specifies the number of columns which this element spans across.
+`row` | `Number` | Определяет строку для этого элемента. В сочетании со свойством `col` указывает координаты ячейки элемента.<br/>Первый ряд обозначен как `0`.
+`col` | `Number` | Определяет столбец для элемента. В сочетании со свойством `row` указывает координаты ячейки элемента.<br/>Первый столбец обозначен как `0`.
+`rowSpan` | `Number` | Определяет количество строк, через которые проходит этот элемент.
+`colSpan` | `Number` | Определяет количество столбцов, через которые проходит этот элемент.