diff --git a/README.md b/README.md
index 90f76d6..2235d93 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,91 @@
-# dictionary
+## The best dictionary built with Javascript. Find meaning and example of words.
+## Click on the link to access dictionary. 
+### [Dictionary](https://sagar-sharma-7.github.io/dictionary)
+
+<hr>
+
+## Here are some screen shots
+
+<p align="center">
+  <img src="public/img/result1.png" title="result">
+  <br>
+  <img src="public/img/result2.png" title="result">
+</p>
+
+<hr>
+
+## Editor used 
+![alttext](https://img.shields.io/badge/Visual_Studio_Code-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=white)
+
+## Built with 
+ ![html](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
+ ![css](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
+ ![js](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
+ ![node](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)
+ ![express](https://img.shields.io/badge/express-000000?style=for-the-badge&logo=express&logoColor=white)
+
+ <hr>
+
+ ## Cloning this repositary using command line
+ 1. Open **Git Bash**.
+ 1. Change the current working directory to the location where you want the cloned directory.
+ 1. Type `git clone https://github.com/Sagar-Sharma-7/Covid19-Tracker-India.git`
+ 1. Press **Enter** to create the clone of this repositary.
+
+ <hr>
+
+## Font used 
+```css 
+@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');
+
+
+div{
+    font-family: 'Nunito', sans-serif;
+}
+
+.box{
+    font-family: 'Handlee', cursive;
+}
+```
+  
+<hr>
+
+## License 
+### The scripts and documentation in this project are released under the MIT License 
+![License: MIT](https://img.shields.io/badge/License-MIT-black.svg)
+
+<br>
+
+## Contributions
+### Contributions are welcome! see [Contribution's Guide](https://github.com/Sagar-Sharma-7/dictionary/blob/main/CONTRIBUTING.md)
+
+<br>
+
+## Code of Conduct 
+<img src="https://user-images.githubusercontent.com/1303154/88677602-1635ba80-d120-11ea-84d8-d263ba5fc3c0.gif" width="28px" alt="hi"> 
+
+### Be nice. See our [code of conduct](https://github.com/Sagar-Sharma-7/dictionary/blob/main/CODE_OF_CONDUCT.md)
+
+<br>
+<hr>
+
+ ## How to reach me?
+ [ ![ForTheBadge makes-people-smile](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:6969sagarsharma@gmail.com)
+ <hr>
+ <br>
+
+[![Follower](https://img.shields.io/github/followers/sagar-sharma-7?style=social)](https://github.com/Sagar-Sharma-7)
+ <hr>
+ <p float="left">
+
+[![ForTheBadge built-with-love](https://forthebadge.com/images/badges/built-with-love.svg)](https://github.com/Sagar-Sharma-7)
+[ ![ForTheBadge makes-people-smile](https://forthebadge.com/images/badges/makes-people-smile.svg)](https://github.com/Sagar-Sharma-7)
+
+</p>
+
+
+[![alttext](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/Sagar-Sharma-7)
+
+
+
diff --git a/public/css/style.css b/public/css/style.css
index 9c91900..9955959 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -106,7 +106,6 @@ dd{
     }
     .container{
         width: 100vw;
-        height: 100vh;
         justify-content: flex-start;
     }
 
@@ -141,7 +140,7 @@ dd{
     }
     .container{
         width: 100vw;
-        height: 100vw;
+        justify-content: flex-start;
     }
     .searchBox{
         height: 90px;
diff --git a/public/img/result1.png b/public/img/result1.png
new file mode 100644
index 0000000..e661e0e
Binary files /dev/null and b/public/img/result1.png differ
diff --git a/public/img/result2.png b/public/img/result2.png
new file mode 100644
index 0000000..33262f6
Binary files /dev/null and b/public/img/result2.png differ