From d96c39f04093adde9feffa445e8fb5fc80dd2492 Mon Sep 17 00:00:00 2001
From: "e.muhamethanov" <eldarmu.1m@gmail.com>
Date: Thu, 30 Jan 2025 21:19:01 +0300
Subject: [PATCH] doc(Flex): fix formatting

---
 packages/vkui/src/components/Flex/Readme.md | 33 +++++++++++----------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/packages/vkui/src/components/Flex/Readme.md b/packages/vkui/src/components/Flex/Readme.md
index cd70290348..93c3292cb1 100644
--- a/packages/vkui/src/components/Flex/Readme.md
+++ b/packages/vkui/src/components/Flex/Readme.md
@@ -2,25 +2,28 @@
 
 > ⚠️ Важно: в версиях браузеров `Chrome >= 87`, `Edge >= 87`, `Safari >= 14.1`, `Firefox >= 66`, `Opera >= 73` при использовании
 > свойства `gap` используется нативное CSS свойство `gap`. В версиях браузеров ниже используется `fallback` логика с использование свойства `margin`.
-> 
+>
 > В связи с этим рекомендация по коду, если вы поддерживаете браузеры, которые не поддеживают `gap` на `flex` контейнерах:
-> 
+>
 > Избегайте использования React.Fragment в качестве `children`. Например следующий кейс будет работать некорректно - у него не сработает `gap`:
->   ```jsx static
->   <Flex gap="m">
->     <React.Fragment>
->       <div>1</div>
->       <div>2</div>
->     </React.Fragment>
->   </Flex>
->   ```
->   Нужно чтобы у `Flex` было несколько непосредственных потомков
->   ```jsx static
->   <Flex gap="m">
+>
+> ```jsx static
+> <Flex gap="m">
+>   <React.Fragment>
 >     <div>1</div>
 >     <div>2</div>
->   </Flex>
->   ```
+>   </React.Fragment>
+> </Flex>
+> ```
+>
+> Нужно чтобы у `Flex` было несколько непосредственных потомков
+>
+> ```jsx static
+> <Flex gap="m">
+>   <div>1</div>
+>   <div>2</div>
+> </Flex>
+> ```
 
 ```jsx { "props": { "layout": false, "iframe": false } }
 const FlexContainer = ({ itemsCount, ...props }) => {