update typescript, update docs

docs/html-css/02-flex-grid.md

@@ -3,10 +3,11 @@ sidebar_position: 2
 ---
 
 # Сетка flexbox, grid
-Источник: DeepSeek
+
+Предназначены для создания гибких и адаптивных макетов.
 
 ## Flexbox
-Flexbox (Flexible Box Layout) — это мощная модульная система CSS, предназначенная для создания гибких и адаптивных макетов. Она позволяет легко выравнивать элементы, распределять пространство и управлять их поведением в контейнере, даже если размеры элементов неизвестны или динамически изменяются.
+Flexbox — это одномерная система компоновки, предназначенная для выравнивания элементов по одной оси (горизонтально или вертикально).
 
 #### Основные концепции Flexbox
 
@@ -25,7 +26,7 @@ Flexbox работает с двумя основными сущностями:
 - Для создания адаптивных интерфейсов.
 
 ## Grid
-**CSS Grid Layout** (или просто **Grid**) — это мощная система для создания двумерных макетов в CSS. В отличие от Flexbox, который работает с одномерными макетами (либо строка, либо столбец), Grid позволяет управлять как строками, так и столбцами одновременно. Это делает Grid идеальным инструментом для создания сложных, адаптивных сеток.
+Grid — это двумерная система компоновки, позволяющая работать и с колонками, и со строками одновременно.
 
 #### Основные концепции Grid
 1. **Grid Container** (контейнер) — элемент, который содержит дочерние элементы (grid items). Чтобы сделать элемент grid-контейнером, нужно задать ему свойство `display: grid` или `display: inline-grid`.
@@ -43,4 +44,6 @@ Flexbox работает с двумя основными сущностями:
 #### Когда использовать Grid:
 - Для создания двумерных макетов (например, страницы с боковой панелью, заголовком и футером).
 - Когда нужно точно контролировать расположение элементов.
-- Для создания адаптивных интерфейсов с минимальным количеством медиазапросов.
+- Для создания адаптивных интерфейсов с минимальным количеством медиазапросов.
+
+🚀 **_Источник: DeepSeek_**