From b399d6750a73e94432740a934e05d22ef7cd893d Mon Sep 17 00:00:00 2001
From: saberzero1 <github@emilebangma.com>
Date: Mon, 2 Jun 2025 12:01:05 +0200
Subject: [PATCH] Updated documentation

---
 docs/layout-components.md | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/docs/layout-components.md b/docs/layout-components.md
index 09c2d761e..9a0b6396d 100644
--- a/docs/layout-components.md
+++ b/docs/layout-components.md
@@ -41,6 +41,15 @@ Component.Flex({
 })
 ```
 
+> [!note] Overriding behavior
+> Components inside `Flex` get an additional CSS class `flex-component` that add the `display: flex` property. If you want to override this behavior, you can add a `display` property to the component's CSS class in your custom CSS file.
+>
+> ```scss
+> .flex-component {
+>   display: block; // or any other display type
+> }
+> ```
+
 ## `MobileOnly` Component
 
 The `MobileOnly` component is a wrapper that makes its child component only visible on mobile devices. This is useful for creating responsive layouts where certain components should only appear on smaller screens.