Improved readme

Author: MuhammadShakir-dev

README.md

@@ -1,2 +1,16 @@
 # Responsive-CSS-Flexbox
-Responsive CSS & Flex box
+In this repsitory I will cover all the essentials things that are needed to learn and understand Flex-box.
+
+## 🧞 Step by Step Guide.
+1. Flex-Directions.
+2. Flex-Wrap.
+3. Justify-Content.
+4. Align-Content and Self.
+5. Flex Basis, Grow and Shrink.
+
+## 📋 Files Instruction.
+In this repository you will get some html files in which all code is written both Html and CSS.
+
+## 🚀 Reference Docs.
+Refer MDN Docs by clicking on the below mentioned link. <br>
+<a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox">Link here to Learn mroe..</a>