diff --git a/prety.md b/prety.md
index 0585d53..4c53efa 100644
--- a/prety.md
+++ b/prety.md
@@ -1,3 +1,94 @@
+## Table
+-   <details>
+    <summary>Basic Table</summary>
+
+
+    | Command | Description |
+    | --- | --- |
+    | git status | List all new or modified files |
+    | git diff | Show file differences that haven't been staged |
+
+    ``````bash
+    | Command | Description |
+    | --- | --- |
+    | git status | List all new or modified files |
+    | git diff | Show file differences that haven't been staged |
+
+    ``````
+
+    | Command | Description |
+    | --- | --- |
+    | `git status` | List all *new or modified* files |
+    | `git diff` | Show file differences that **haven't been** staged |
+
+    ``````bash
+    | Command | Description |
+    | --- | --- |
+    | `git status` | List all *new or modified* files |
+    | `git diff` | Show file differences that **haven't been** staged |
+
+    ``````
+
+    | Left-aligned | Center-aligned | Right-aligned |
+    | :---         |     :---:      |          ---: |
+    | git status   | git status     | git status    |
+    | git diff     | git diff       | git diff      |
+
+    ``````bash
+    | Left-aligned | Center-aligned | Right-aligned |
+    | :---         |     :---:      |          ---: |
+    | git status   | git status     | git status    |
+    | git diff     | git diff       | git diff      |
+
+    ``````
+
+    | Name     | Character |
+    | ---      | ---       |
+    | Backtick | `         |
+    | Pipe     | \|        |
+
+    ``````bash
+    | Name     | Character |
+    | ---      | ---       |
+    | Backtick | `         |
+    | Pipe     | \|        |
+    ``````
+
+    </details>
+
+-   <details>
+    <summary>write lists inside a markdown table</summary>
+
+
+    | Tables        | Are           | Cool  |
+    | ------------- |:-------------:| -----:|
+    | col 3 is      | right-aligned | $1600 |
+    | col 2 is      | centered      |   $12 |
+    | zebra stripes | are neat      |    $1 |
+    | <ul><li>item1</li><li>item2</li></ul>| See the list | from the first column|
+
+    ``````bash
+    | Tables        | Are           | Cool  |
+    | ------------- |:-------------:| -----:|
+    | col 3 is      | right-aligned | $1600 |
+    | col 2 is      | centered      |   $12 |
+    | zebra stripes | are neat      |    $1 |
+    | <ul><li>item1</li><li>item2</li></ul>| See the list | from the first column|
+    ``````
+
+    |Component |Details|
+    |------|------|
+    |Values|This is Line 1 <br><br>This is Line 2<br><br>This is Line 3<br>This is Line 4<br>This is Line 5<br>This is Line 6<br>|
+
+    ``````bash
+    |Component |Details|
+    |------|------|
+    |Values|This is Line 1 <br><br>This is Line 2<br><br>This is Line 3<br>This is Line 4<br>This is Line 5<br>This is Line 6<br>|
+    ``````
+
+
+    </details>
+
 ## Drop down
 <details>
 <summary>Title</summary>
@@ -51,86 +142,6 @@ contex
 ``````
 ---
 
-## Basic Table
-
-| Command | Description |
-| --- | --- |
-| git status | List all new or modified files |
-| git diff | Show file differences that haven't been staged |
-
-``````bash
-| Command | Description |
-| --- | --- |
-| git status | List all new or modified files |
-| git diff | Show file differences that haven't been staged |
-
-``````
-
-| Command | Description |
-| --- | --- |
-| `git status` | List all *new or modified* files |
-| `git diff` | Show file differences that **haven't been** staged |
-
-``````bash
-| Command | Description |
-| --- | --- |
-| `git status` | List all *new or modified* files |
-| `git diff` | Show file differences that **haven't been** staged |
-
-``````
-
-| Left-aligned | Center-aligned | Right-aligned |
-| :---         |     :---:      |          ---: |
-| git status   | git status     | git status    |
-| git diff     | git diff       | git diff      |
-
-``````bash
-| Left-aligned | Center-aligned | Right-aligned |
-| :---         |     :---:      |          ---: |
-| git status   | git status     | git status    |
-| git diff     | git diff       | git diff      |
-
-``````
-
-| Name     | Character |
-| ---      | ---       |
-| Backtick | `         |
-| Pipe     | \|        |
-
-``````bash
-| Name     | Character |
-| ---      | ---       |
-| Backtick | `         |
-| Pipe     | \|        |
-``````
-## write lists inside a markdown table
-
-| Tables        | Are           | Cool  |
-| ------------- |:-------------:| -----:|
-| col 3 is      | right-aligned | $1600 |
-| col 2 is      | centered      |   $12 |
-| zebra stripes | are neat      |    $1 |
-| <ul><li>item1</li><li>item2</li></ul>| See the list | from the first column|
-
-``````bash
-| Tables        | Are           | Cool  |
-| ------------- |:-------------:| -----:|
-| col 3 is      | right-aligned | $1600 |
-| col 2 is      | centered      |   $12 |
-| zebra stripes | are neat      |    $1 |
-| <ul><li>item1</li><li>item2</li></ul>| See the list | from the first column|
-``````
-
-|Component |Details|
-|------|------|
-|Values|This is Line 1 <br><br>This is Line 2<br><br>This is Line 3<br>This is Line 4<br>This is Line 5<br>This is Line 6<br>|
-
-``````bash
-|Component |Details|
-|------|------|
-|Values|This is Line 1 <br><br>This is Line 2<br><br>This is Line 3<br>This is Line 4<br>This is Line 5<br>This is Line 6<br>|
-``````
-
 # Refrensi
 
 - [docs.github.com](https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/organizing-information-with-tables): Organizing information with tables