From ae4c2a40ccd434913169b06c8645ec930a50ff04 Mon Sep 17 00:00:00 2001
From: akdeb <deb2@illinois.edu>
Date: Mon, 19 Jan 2026 00:00:39 +0700
Subject: [PATCH] new readme

---
 README.md | 21 +++++++--------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index efcaeeb..bd542ce 100644
--- a/README.md
+++ b/README.md
@@ -6,20 +6,13 @@
     <img alt="elato logo" src="assets/lightelato.png" height="70" style="max-width: 100%;">
   </picture></a>
   
-<div style="display:flex; flex-direction:column; align-items:center; width:100%;">
-  <div style="display:flex; justify-content:center; align-items:center; flex-wrap:nowrap;">
-    <a href="https://cookbook.openai.com/examples/voice_solutions/running_realtime_api_speech_on_esp32_arduino_edge_runtime_elatoai"><img src="assets/oai.png" height="44" style="width: auto;"></a>
-    <a href="www.elatoai.com/docs"><img src="assets/docs.png" height="44" style="width: auto;"></a>
-    <!-- <a href="https://elatoai.com"><img src="assets/try.png" height="44" style="width: auto;"></a> -->
-    <a href="https://www.elatoai.com/products/ai-devkit"><img src="assets/diy.png" height="44" style="width: auto;"></a>
-  </div>
-
-  <div style="display:flex; justify-content:center; align-items:center; flex-wrap:nowrap;">
-    <a href="https://www.kickstarter.com/projects/elatoai/elato-make-toys-talk-with-ai-voices"><img src="assets/ks.png" height="44" style="width: auto;"></a>
-    <a href="https://discord.gg/KJWxDPBRUj"><img src="assets/discord.png" height="44" style="width: auto;"></a>
-  </div>
-
-
+<div style="display:flex; flex-wrap:wrap; justify-content:center; align-items:center; max-width:680px; margin:0 auto;">
+  <a style="display:inline-flex;" href="https://cookbook.openai.com/examples/voice_solutions/running_realtime_api_speech_on_esp32_arduino_edge_runtime_elatoai"><img src="assets/oai.png" height="44" style="width: auto;"></a>
+  <a style="display:inline-flex;" href="https://www.elatoai.com/docs"><img src="assets/docs.png" height="44" style="width: auto;"></a>
+  <!-- <a href="https://elatoai.com"><img src="assets/try.png" height="44" style="width: auto;"></a> -->
+  <a style="display:inline-flex;" href="https://www.elatoai.com/products/ai-devkit"><img src="assets/diy.png" height="44" style="width: auto;"></a>
+  <a style="display:inline-flex;" href="https://www.kickstarter.com/projects/elatoai/elato-make-toys-talk-with-ai-voices"><img src="assets/ks.png" height="44" style="width: auto;"></a>
+  <a style="display:inline-flex;" href="https://discord.gg/KJWxDPBRUj"><img src="assets/discord.png" height="44" style="width: auto;"></a>
 </div>
 </div>