Made the Documentation more Clear...

Author: haneenmahd

README.md

@@ -1,6 +1,7 @@
 # QUERIES 
-### A Simple npm package for using responsive media screen sizes in your web app.
-# Now a Easier way to use media queries in your Web App.
+
+## A Simple npm package for using responsive media screen sizes in your web app.
+## Now a Easier way to use media queries in your 
  - Easy to use
  - Media screen sizes are completely made accurate for devices
  - Make your website Responsive to all devices
@@ -18,11 +19,11 @@ yarn add queries
 NOTE: This can be only done using ``styled components``.
 ## React App
 ### Example
-```
+```js
 import React from "react";
 import styled from "styled-components";
 import { Colors } from "apple-colors";
-import QUERIES from "queries";
+import QUERIES from "responsive-web";
 
 const Wrapper = styled.div`
   height: 300px;
@@ -62,7 +63,7 @@ const MyDeviceQuery = () => (
 
 ## Vue App
 You need to install ``vue-styled-components``
-```
+```js
 <template>
  <Wrapper>
    <Header>
@@ -72,6 +73,7 @@ You need to install ``vue-styled-components``
 </template>
 <script>
 import styled from "vue-styled-components";
+import QUERIES from "responsive-web";
 
 const Wrapper = styled.div`
   height: 300px;
@@ -100,4 +102,71 @@ export default {
     }
 }
 </script>
-```
+```
+
+## Available Sizes
+### Default:
+- MOBILE
+- TABLET
+- LAPTOP 
+- DESKTOP 
+- TV
+### You could Access these properties by: `QUERIES.OBJECTDEFINEDABOVE`
+
+## Cusom Device Sizes
+## IOS: 
+- FOUR (iPhone 4 Models)   
+   - LANDSCAPE
+   - PORTRAIT
+- FIVE (iPhone 5 to 7 Models)
+   - LANDSCAPE
+   - PORTRAIT
+- EIGHT (iPhone 8 Models, excluding plus models)
+   - LANDSCAPE
+   - PORTRAIT
+- PLUS (iPhone 7 and 8 PLUS)
+   - LANDSCAPE
+   - PORTRAIT
+- X (iPhone X Models)
+   - LANDSCAPE
+   - PORTRAIT
+
+## SAMSUNG:
+- S3 (Also contains Note4 and Note5 Models Too.)
+  - LANDSCAPE
+  - PORTRAIT
+- NOTE3
+  - LANDSCAPE
+  - PORTRAIT
+- S6
+  - LANDSCAPE
+  - PORTRAIT
+
+## TABLETS:
+- IPAD 
+  - MINI (This contains iPad 1, 2, Mini and Air too.)
+    - LANDSCAPE
+    - PORTRAIT
+  - IPAD4 (This contains iPad 3, 4 and iPad Pro 9.5" Models too.)
+    - PORTRAIT
+    - LANDSCAPE
+  - PRO10
+    - LANDSCAPE
+    - PORTRAIT
+  - PRO12
+    - PORTRAIT
+    - LANDSCAPE
+
+
+## LAPTOPS
+- NONRETINA (Devices which have non-retina display)
+- RETINA (Devices Which have Retina display)
+
+# Developer
+Haneen Mahdin
+
+Follow me on:
+- [Instagram](https://instagram.com/haneenmahdin)
+- [GitHub](https://github.com/haneenmahd)
+# License
+### `responsive-web` is licensed under MIT.