diff --git a/README.md b/README.md
index 0e327dd..4931c8f 100755
--- a/README.md
+++ b/README.md
@@ -30,10 +30,11 @@ For full documentation, check out **[Wiki](https://github.com/yusing/godoxy/wiki
   - [Key Features](#key-features)
   - [Prerequisites](#prerequisites)
   - [Setup](#setup)
-    - [Manual Setup](#manual-setup)
-    - [Folder structrue](#folder-structrue)
   - [Screenshots](#screenshots)
     - [idlesleeper](#idlesleeper)
+    - [Metrics and Logs](#metrics-and-logs)
+  - [Manual Setup](#manual-setup)
+    - [Folder structrue](#folder-structrue)
   - [Build it yourself](#build-it-yourself)
 
 ## Key Features
@@ -82,7 +83,40 @@ Setup DNS Records point to machine which runs `GoDoxy`, e.g.
 
 [🔼Back to top](#table-of-content)
 
-### Manual Setup
+## Screenshots
+
+### idlesleeper
+
+![idlesleeper](screenshots/idlesleeper.webp)
+
+### Metrics and Logs
+
+<div align="center">
+  <table>
+    <tr>
+      <td align="center"><img src="screenshots/uptime.png" alt="Uptime Monitor" width="250"/></td>
+      <td align="center"><img src="screenshots/docker-logs.jpg" alt="Docker Logs" width="250"/></td>
+      <td align="center"><img src="screenshots/docker.jpg" alt="Server Overview" width="250"/></td>
+    </tr>
+    <tr>
+      <td align="center"><b>Uptime Monitor</b></td>
+      <td align="center"><b>Docker Logs</b></td>
+      <td align="center"><b>Server Overview</b></td>
+    </tr>
+        <tr>
+      <td align="center"><img src="screenshots/system-monitor.jpg" alt="System Monitor" width="250"/></td>
+      <td align="center"><img src="screenshots/system-info-graphs.jpg" alt="Graphs" width="250"/></td>
+    </tr>
+    <tr>
+      <td align="center"><b>System Monitor</b></td>
+      <td align="center"><b>Graphs</b></td>
+    </tr>
+  </table>
+</div>
+
+[🔼Back to top](#table-of-content)
+
+## Manual Setup
 
 1. Make `config` directory then grab `config.example.yml` into `config/config.yml`
 
@@ -117,22 +151,6 @@ Setup DNS Records point to machine which runs `GoDoxy`, e.g.
 └── .env
 ```
 
-## Screenshots
-
-### idlesleeper
-
-![idlesleeper](screenshots/idlesleeper.webp)
-
-### Uptime Monitor
-
-![uptime monitor](screenshots/uptime.png)
-
-### System Monitor
-
-![system monitor](screenshots/system-monitor.png)
-
-[🔼Back to top](#table-of-content)
-
 ## Build it yourself
 
 1. Clone the repository `git clone https://github.com/yusing/godoxy --depth=1`
diff --git a/screenshots/docker-logs.jpg b/screenshots/docker-logs.jpg
new file mode 100644
index 0000000..184acb8
Binary files /dev/null and b/screenshots/docker-logs.jpg differ
diff --git a/screenshots/docker.jpg b/screenshots/docker.jpg
new file mode 100644
index 0000000..55590dc
Binary files /dev/null and b/screenshots/docker.jpg differ
diff --git a/screenshots/system-info-graphs.jpg b/screenshots/system-info-graphs.jpg
new file mode 100644
index 0000000..f1249ec
Binary files /dev/null and b/screenshots/system-info-graphs.jpg differ
diff --git a/screenshots/system-monitor.jpg b/screenshots/system-monitor.jpg
new file mode 100644
index 0000000..0be9bb2
Binary files /dev/null and b/screenshots/system-monitor.jpg differ
diff --git a/screenshots/system-monitor.png b/screenshots/system-monitor.png
deleted file mode 100644
index a918bb4..0000000
Binary files a/screenshots/system-monitor.png and /dev/null differ
diff --git a/screenshots/uptime.png b/screenshots/uptime.png
index e6e59c9..47154b5 100644
Binary files a/screenshots/uptime.png and b/screenshots/uptime.png differ