From b54095893c31e7d66474b4cae8eb9b85c090164f Mon Sep 17 00:00:00 2001
From: Asad <contact@asadk.dev>
Date: Sat, 8 Mar 2025 21:14:27 -0500
Subject: [PATCH] chore: demo video uploaded

---
 README.md                         | 4 ++++
 example/src/App.tsx               | 5 +++++
 example/src/ScrollableExample.tsx | 2 +-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index df5b36a..4d7cbc1 100644
--- a/README.md
+++ b/README.md
@@ -12,8 +12,11 @@ This is a table component for react native.
 - [Notice](#notice)
 - [License](#license)
 
+### Demos
++ [iOS](https://youtube.com/shorts/olLZj2ppGBY) 
 
 ## Installation
+
 ```sh
 npm install https://git.sheetjs.com/asadbek064/react-native-tabeller/raw/branch/main/react-native-tabeller-0.1.0.tgz
 ```
@@ -25,6 +28,7 @@ import { Table, TableWrapper, Row, Rows, Col, Cols, Cell } from 'react-native-ta
 ## Examples
 
 ### Basic Table
+
 <img src="./assets/tabeller_basic_table.png" width="340"/>
 
 ```tsx
diff --git a/example/src/App.tsx b/example/src/App.tsx
index 0548ef5..cf2cf3d 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -52,6 +52,10 @@ const styles = StyleSheet.create({
     paddingHorizontal: 20,
     paddingTop: 60,
     backgroundColor: '#f5f5f5',
+    alignItems: 'center',
+    alignSelf: 'center',
+    maxWidth: 800,
+    width: '100%'
   },
   heading: {
     fontSize: 24,
@@ -69,6 +73,7 @@ const styles = StyleSheet.create({
     shadowOpacity: 0.1,
     shadowRadius: 4,
     elevation: 3,
+    width: '100%',
   },
   subheading: {
     fontSize: 18,
diff --git a/example/src/ScrollableExample.tsx b/example/src/ScrollableExample.tsx
index 93e158a..da3124a 100644
--- a/example/src/ScrollableExample.tsx
+++ b/example/src/ScrollableExample.tsx
@@ -57,7 +57,7 @@ const styles = StyleSheet.create({
     flex: 1,
     padding: 16,
     paddingTop: 30,
-    height: 400,
+    height: 340,
     backgroundColor: '#fff',
   },
   header: {