docs: better styling for the badges

ismail9k · Nov 26, 2024 · 93df008 · 93df008
1 parent 13836c5
commit 93df008
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/docs/getting-started.md b/docs/getting-started.md
@@ -1,6 +1,16 @@
 # Getting started
 
- [![npm version](https://img.shields.io/npm/v/vue3-carousel.svg?style=flat-square&logo=npm)](https://www.npmjs.com/package/vue3-carousel)[![GitHub stars](https://img.shields.io/github/stars/ismail9k/vue3-carousel?style=flat-square&logo=github)](https://github.com/ismail9k/vue3-carousel/stargazers)[![npm downloads](https://img.shields.io/npm/dm/vue3-carousel.svg?style=flat-square)](https://npm-stat.com/charts.html?package=vue3-carousel)
+ <p style="display: flex">
+  <a href="https://www.npmjs.com/package/vue3-carousel">
+    <img src="https://img.shields.io/npm/v/vue3-carousel.svg?style=flat-square&logo=npm" alt="npm version" />
+  </a>
+  <a href="https://github.com/ismail9k/vue3-carousel/stargazers">
+    <img src="https://img.shields.io/github/stars/ismail9k/vue3-carousel?style=flat-square&logo=github" alt="GitHub stars" />
+  </a>
+  <a href="https://npm-stat.com/charts.html?package=vue3-carousel">
+    <img src="https://img.shields.io/npm/dm/vue3-carousel.svg?style=flat-square" alt="npm downloads" />
+  </a>
+</p>
 
 ## Installation