Skip to content

Commit 0c76995

Browse files
Update readme
1 parent 362e208 commit 0c76995

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

README.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,11 @@
33
> A plugin that provides utilities for centering an element on x/y axis.
44
55
## The problem 🤔
6+
67
Centering an element using Tailwindcss classes can rapidly become verbose.
78

89
## The solution 🚀
10+
911
Dedicated centering classes at component layer that cover the most common situations.
1012

1113
## Install the plugin from npm:
@@ -24,7 +26,9 @@ module.exports = {
2426
```
2527

2628
## Usage:
29+
2730
### Center on both x and y axis
31+
2832
```html
2933
<div class="relative">
3034
<div class="center-absolute">
@@ -40,6 +44,7 @@ module.exports = {
4044
```
4145

4246
### Center on the x axis
47+
4348
```html
4449
<div class="relative">
4550
<div class="center-absolute-x">
@@ -55,6 +60,7 @@ module.exports = {
5560
```
5661

5762
### Center on the y axis
63+
5864
```html
5965
<div class="relative">
6066
<div class="center-absolute-y">
@@ -69,7 +75,7 @@ module.exports = {
6975
</div>
7076
```
7177

72-
## Add variants:
78+
## Add variants:
7379

7480
```js
7581
// tailwind.config.js

0 commit comments

Comments
 (0)