Skip to content

Commit caddf9f

Browse files
authored
Update README.md
Corrected spelling errors.
1 parent ae93847 commit caddf9f

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

README.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ Check out the live [demo](https://manuel12.github.io/fluent-css/).
2222

2323
### Brief overview of what the library does:
2424

25-
Inspired by the styles of the [Duolingo](https://www.duolingo.com/learn) and [Font Awesome](https://fontawesome.com/) websites, I wanted to create a library that would inmeditaly improve the look of a website when imported, but also provided the user with utility classes to alter the stylings of the different elements in use.
25+
Inspired by the styles of the [Duolingo](https://www.duolingo.com/learn) and [Font Awesome](https://fontawesome.com/) websites, I wanted to create a library that would immediately improve the look of a website when imported, but also provided the user with utility classes to alter the styles of the different elements in use.
2626

2727
### How the library was built:
2828

@@ -36,19 +36,19 @@ Simply clone the repository locally and extract the _fluent.min.css_ file.
3636

3737
### How to import the library:
3838

39-
In order to import FluentCSS simply add the two library links on the head tag of your index.html
39+
In order to import FluentCSS, simply add the two library links to the head tag of your index.html
4040

4141
<link rel="stylesheet" href="fluent.min.css" />
4242

43-
_This is of course assuming the styles are in the root of your project, if they are not then modify their paths accodingly._
43+
_This is, of course, assuming the styles are in the root of your project; if they are not, then modify their paths accordingly._
4444

45-
And finally add the script for the Font Awesome kit (to be able to use FontAwesome Icons).
45+
And finally, add the script for the Font Awesome kit (to be able to use Font Awesome icons).
4646

4747
<script src="https://kit.fontawesome.com/d0731b8ace.js" crossorigin="anonymous"></script>
4848

4949
## What's included in the library
5050

51-
FluentCSS consists of 1 CSS file: _fluent.min.css_
51+
FluentCSS consists of one CSS file: _fluent.min.css_
5252

5353
The _fluent.min.css_ file includes boilerplate stylings that will apply inmediatly as soon as library is imported; it also contains some custom element styles like 'main container' or 'basic container' that serve as building blocks for your application; further utility classes regarding margin, padding, width and height; and colors classes to style text, background and border colors:
5454

@@ -82,7 +82,7 @@ The _fluent.min.css_ file includes boilerplate stylings that will apply inmediat
8282

8383
### Adding classes to elements
8484

85-
After importing FluentCSS and reloading you should see changes applied to the document. The standard background will be added; the font family and color will be updated; input elements, buttons, tables, ordered and unordered lists will also be automatically updated.
85+
After importing FluentCSS and reloading, you should see changes applied to the document. The standard background will be added; the font family and color will be updated; input elements, buttons, tables, and ordered and unordered lists will also be automatically updated.
8686

8787
In order to use the other styles available, such as having a heading with depth, or with darker borders, styling buttons as social or music buttons, and so on, you will need to add the class of the style you want to add to the element you want to change.
8888

@@ -94,7 +94,7 @@ So for example, if you have a heading element that you want to update to a headi
9494
</body>
9595
</html>
9696

97-
...that originally looks like this...
97+
...that originally looked like this...
9898

9999
![Heading example](demo/heading.png)
100100

@@ -112,7 +112,7 @@ So for example, if you have a heading element that you want to update to a headi
112112

113113
### Custom containers
114114

115-
One of the most important classes provided by FluentCSS is the _.main-container_ class. With this class you can create containers that are padded, bordered and margined. All the examples in the "Examples" section of this README file are contained in custom containers. In order to make a normal div into a custom container you just have to add the class _.main-container_ to such an element. As an example we have a restaurant reservation system that is wrapped in a div...
115+
One of the most important classes provided by FluentCSS is the _.main-container_ class. With this class, you can create containers that are padded, bordered and margined. All the examples in the "Examples" section of this README file are contained in custom containers. In order to make a normal div into a custom container, you just have to add the class _.main-container_ to such an element. As an example, we have a restaurant reservation system that is wrapped in a div...
116116

117117
<div>
118118
<h1>Restaurant Reservation System</h1>

0 commit comments

Comments
 (0)