Skip to content
This repository was archived by the owner on Oct 19, 2021. It is now read-only.

Commit e9764ca

Browse files
authored
Add more info, format & fix typo
1 parent 097823d commit e9764ca

File tree

1 file changed

+3
-2
lines changed

1 file changed

+3
-2
lines changed

README.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ v1.0.0 contains reset styles & some classes which you can apply on html elements
2323
* `.img-default`
2424

2525
## How to use
26-
#### Install:
26+
#### Install [package from npm]():
2727
`npm install less-css-helper-library`
2828

2929
#### Reference the library in your project with:
@@ -40,12 +40,13 @@ From the class names, it's easy to tell what they do. See effect when added to a
4040
* `.flex center` sets display to flex, justify-content & align-items are set to center.
4141
* `.flex-j-center` only sets display to flex & justify-content to center.
4242
* `.flex-a-center` only sets display to flex & justify-content to center.
43+
* `.flex-space-btw` sets display to flex & justify-content to space-between.
4344
* Class names with ***suffix*** `-auto` uses same styles as their look-alikes above, but make use of `margin: 0 auto;`. When applied on an element (with width changed to less than 100%), the element is horizontally centered.
4445
* `.b-container` uses same style as `block-auto`, but with width set & is ***responsive*** already. To be used on the body element or html element(s) acting as outermost containers.
4546
* ***Exception:*** `x-auto` sets overflow to auto.
4647
* `.img-wrapper` has same qualities of `.flex-center`, but with overflow set to hidden - to be used on the parent of an `img` element.
4748
* `.img-wrapper-rounded` has same qualities of `.img-wrapper` but with border-radius set to 50% - to be used on the parent of an `img` element.
4849
* `.img-default` is same as our reset style for images. It sets an `img` element's max-width to 100% and height to auto. ***Note:*** An `img` element inside a parent that uses `.img-wrapper` or `.img-wrapper-rounded` must be set to the reset style.
4950

50-
You have total control over what the width of the element (and margin in the case of `-auto`) should be. More details & tutorial comming soon on this topic.
51+
You have total control over what the width of the element (and margin in the case of `-auto`) should be. More details & tutorial coming soon on this topic.
5152

0 commit comments

Comments
 (0)