astahmer
diff --git a/‎README.md
Lines changed: 16 additions & 12 deletions b/‎README.md
Lines changed: 16 additions & 12 deletions
diff --git a/‎demo.gif
10.2 MB b/‎demo.gif
10.2 MB
@@ -1,8 +1,22 @@
 ## Atomic CSS Devtools
-
 A devtool panel for debugging Atomic CSS rules as if they were not atomic
 
-[Download here on the chrome store](https://chromewebstore.google.com/detail/atomic-css-devtools/cbjhfeooiomphlikkblgdageenemhpgc)
+![](/demo.gif)
+
+Discover a better way to debug CSS with Atomic CSS Devtools. This powerful extension provides a unique approach to handling Atomic CSS rules by
+presenting them in a non-atomic format, making them easier to interpret and
+adjust.
+
+It's a must-have for developers aiming to streamline their CSS
+troubleshooting and enhance site performance.
+
+## Installation
+[link-chrome]: https://chromewebstore.google.com/detail/atomic-css-devtools/cbjhfeooiomphlikkblgdageenemhpgc 'Version published on Chrome Web Store'
+[link-firefox]: https://addons.mozilla.org/en-US/firefox/addon/atomic-css-devtools/ 'Version published on Mozilla Add-ons'
+
+[<img src="https://raw.githubusercontent.com/alrra/browser-logos/90fdf03c/src/chrome/chrome.svg" width="48" alt="Chrome" valign="middle">][link-chrome] [<img valign="middle" src="https://img.shields.io/chrome-web-store/v/cbjhfeooiomphlikkblgdageenemhpgc.svg?label=%20">][link-chrome] and other Chromium browsers
+
+[<img src="https://raw.githubusercontent.com/alrra/browser-logos/90fdf03c/src/firefox/firefox.svg" width="48" alt="Firefox" valign="middle">][link-firefox] [<img valign="middle" src="https://img.shields.io/amo/v/atomic-css-devtools.svg?label=%20">][link-firefox] including Firefox Android
 
 If you find this extension useful, please consider supporting it by giving it a
 star on GitHub or sharing it with your friends and colleagues.
@@ -11,16 +25,6 @@ And if you're feeling generous, here's my
 [GitHub Sponsors page](https://github.com/sponsors/astahmer) where you can
 support me directly.
 
-## Description
-
-Discover a better way to debug CSS with "Atomic CSS Devtools." This powerful
-Chrome extension provides a unique approach to handling Atomic CSS rules by
-presenting them in a non-atomic format, making them easier to interpret and
-adjust. It's a must-have for developers aiming to streamline their CSS
-troubleshooting and enhance site performance.
-
-(thanks gpt for the description)
-
 ## Features
 
 - https://twitter.com/astahmer_dev/status/1776919737999425629