Add screenshots and write readme

Author: techreagan

README.md

@@ -1,24 +1,53 @@
-# modal-component
+# Vue Custom Component With V-model (Modal/Dialog)
+
+> This is a YouTube tutorial repo, in the tutorial, you will learn how to build custom component using v-model and you will build a modal/dialog
+
+Live Demo: [Modal](https://vue3-modal.netlify.app/)
+
+## Screenshots
+
+> Delete the screenshot folder if you download this code
+
+![Screenshot](screenshots/modal-1.png)
+
+![Screenshot](screenshots/modal-1.png)
+
+## Vue Version
+
+Built with vue3 but can be applied to vue2
 
 ## Project setup
+
 ```
 npm install
 ```
 
 ### Compiles and hot-reloads for development
+
 ```
 npm run serve
 ```
 
 ### Compiles and minifies for production
+
 ```
 npm run build
 ```
 
 ### Lints and fixes files
+
 ```
 npm run lint
 ```
 
 ### Customize configuration
+
 See [Configuration Reference](https://cli.vuejs.org/config/).
+
+## License
+
+This project is licensed under the MIT License
+
+## Developed by Reagan Ekhameye (Tech Reagan)
+
+Reach me on twitter [@techreagan](https://www.twitter.com/techreagan)

screenshots/modal-1.png

@@ -50,7 +50,7 @@ body {
 	border: none;
 	background-color: #f3bc17;
 	color: #101024;
-	padding: 0.5rem 1.8rem;
+	padding: 0.7rem 1.8rem;
 	cursor: pointer;
 	outline: none;
 	font-size: 0.8rem;