More fixes to docs

README.md

@@ -40,18 +40,6 @@ tailwind(bg: :red, text: :white)
 # => "bg-red-500 text-white"
 ```
 
-### Modifiers
-
-Any key that starts with an underscore is considered a modifier. Modifiers are used to add pseudo classes and elements to the class.
-
-```ruby
-tailwind(bg: :red, text: :white, _hover: { bg: :blue })
-# => "bg-red-500 text-white hover:bg-blue-500"
-
-tailwind(bg: :red, text: :white, _hover: { bg: :blue }, _before: { content: '[""]' })
-# => "bg-red-500 text-white hover:bg-blue-500 before:content-[\"\"]"
-```
-
 ## Configuration
 
 You can configure the gem by creating an initializer file in your rails app.
@@ -177,6 +165,19 @@ And these classes will be added by the tailwind compiler to the final css file.
 
 ## Advanced Usage
 
+### Using Modifiers
+
+Any key that starts with an underscore is considered a modifier. Modifiers are used to add pseudo classes and elements to the class.
+
+```ruby
+tailwind(bg: :red, text: :white, _hover: { bg: :blue })
+# => "bg-red-500 text-white hover:bg-blue-500"
+
+tailwind(bg: :red, text: :white, _hover: { bg: :blue }, _before: { content: '[""]' })
+# => "bg-red-500 text-white hover:bg-blue-500 before:content-[\"\"]"
+```
+
+
 ### Using arbitrary values
 
 When using arbitrary values, you have one of two options.