diff --git a/README.md b/README.md
index edd5ff24c83cea67268e8205a9dd7fb6a7378904..59e231a58d67fc8a9514c4e53fde62a1a333d2cf 100644
--- a/README.md
+++ b/README.md
@@ -9,20 +9,20 @@
 - **Autocomplete**  
   Intelligent suggestions for class names, [CSS directives](https://tailwindcss.com/docs/functions-and-directives/), and the [`theme` helper](https://tailwindcss.com/docs/functions-and-directives/#theme)
 
+<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/autocomplete.png" alt="" />
+
 - **Hover Preview**  
   See the complete CSS for a Tailwind class name by hovering over it
 
+<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/hover.png" alt="" />
+
 - **Linting**  
   Highlights errors and potential bugs in your HTML and CSS files
+
+<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/linting.png" alt="" />
 
 - **CSS Syntax Highlighting**  
   Provides syntax definitions so that use of Tailwind features doesn’t mess up your syntax highlighting
-
-<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/autocomplete.png" alt="" />
-
-<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/hover.png" alt="" />
-
-<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/linting.png" alt="" />
 
 ## Screenshots/Examples?