- add css unit converter to sidebar.html and tools.json, add screenshot

Author: TobiasMue91

data/tools.json

@@ -1659,5 +1659,16 @@
     "aiPowered": false,
     "featured": false,
     "date": "2025-07-19"
+  },
+  {
+    "id": "css_unit_converter",
+    "title": "CSS Unit Converter",
+    "description": "Professional CSS unit converter tool. Convert between px, em, rem, %, vh, vw, pt, and more with live preview, batch conversion, and CSS code generation. Free online tool.",
+    "url": "tools/css_unit_converter.html",
+    "screenshot": "screenshots/screenshot_217.webp",
+    "type": "tool",
+    "aiPowered": false,
+    "featured": false,
+    "date": "2025-08-31"
   }
 ]

screenshots/screenshot_217.webp

@@ -302,6 +302,7 @@ <h2>Tools by ChatGPT</h2>
       <li><a href="/tools/text_to_speech.html">Text-to-Speech Tool</a></li>
       <li><a href="/games/8-ball.html">8-Ball Pool Game</a></li>
       <li><a href="/games/stack_tower.html">Stack Tower</a></li>
+      <li><a href="/tools/css_unit_converter.html">CSS Unit Converter</a></li>
 <!-- end -->
     </ul>
   </div>