From 0801c9d37380846a74d4bfaefda295d3ffe611cd Mon Sep 17 00:00:00 2001
From: Brad Cornes <bradlc41@gmail.com>
Date: Mon, 22 Jun 2020 20:51:16 +0100
Subject: [PATCH] readme wip

---
 README.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index edd5ff2..59e231a 100644
--- a/README.md
+++ b/README.md
@@ -9,21 +9,21 @@ In order for the extension to activate you must have [`tailwindcss` installed](h
 - **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?
 
 ## Troubleshooting