diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index a9495c2..c57873f 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -50,7 +50,7 @@ git commit -m "your message(according to code of conduct)"
 
 1. Once the changes have been committed, it's time to upload the changes to your repository
 ```
-git push
+git push origin <branch-name>
 ```
 
 ### G. Make a pull request
diff --git a/HOW_TO_CODE.md b/HOW_TO_CODE.md
new file mode 100644
index 0000000..71b54dd
--- /dev/null
+++ b/HOW_TO_CODE.md
@@ -0,0 +1,2 @@
+### HOW TO CODE
+
diff --git a/README.md b/README.md
index b28846a..69a75ae 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@ Design systems is a one stop solution to all your frontend crises.
 Give your websites(and rest..) a visual upgrade. design systems's eccentric touch is an open source initiative that 
 provides you with numerous themes and structures that will magically transform the ways your websites look. backed 
 with some of the great designers, you will with no doubt find the visuals that will catch your eye. as for the 
-frontend developrs it is a great platform to showcase their talents . this platform with no doubt serves anyone and 
+frontend developers it is a great platform to showcase their talents . this platform with no doubt serves anyone and 
 everyone.
 
 
@@ -45,7 +45,7 @@ Here is a short introduction as to how you can begin.
 
 
 ## GETTING STARTED WITH ECCENTRIC TOUCH
-## SYSTEM REQUIERMENTS
+## SYSTEM REQUIREMENTS
 
 In your your journey from forking to merging of pull request, these are tools that you will need:</br>
     1. Google chrome</br>
@@ -56,4 +56,7 @@ In your your journey from forking to merging of pull request, these are tools th
 ## VERSION UPGRADES
 ## PROGRAMS WE HAVE BEEN ASSOCIATED WITH
 ## CONTRIBUTORS
+- We are happy to see you here, we need more developers/designers like you. So, As now you are here before contributing, you should first read the 
+[CONTRIBUTING.md](CONTRIBUTING.md) file. 
+- If you want to write some CSS/SCSS or write test methods to test other's code, you should read [HOW_TO_CODE.md](HOW_TO_CODE.md) to understand the way you have to write the code.
 
diff --git a/src/lib/headers/headers.css b/src/lib/headers/headers.css
index 009a887..f1e66d9 100644
--- a/src/lib/headers/headers.css
+++ b/src/lib/headers/headers.css
@@ -25,4 +25,14 @@
 .header_logo {
   float: left;
 }
+
+@media screen and (max-width: 600px) {
+  .cartoon_header_01 {
+    text-align: center;
+  }
+  .nav_options {
+    text-align: center;
+    float: none;
+  }
+}
 /*# sourceMappingURL=headers.css.map */
\ No newline at end of file
diff --git a/src/lib/headers/headers.css.map b/src/lib/headers/headers.css.map
index 1739c34..83727e9 100644
--- a/src/lib/headers/headers.css.map
+++ b/src/lib/headers/headers.css.map
@@ -1,6 +1,6 @@
 {
     "version": 3,
-    "mappings": "AAAA;;;;;;;;;;;;;;;;IAgBI;AAIJ,AAAA,kBAAkB,CAAC;EACjB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,MAAM;EAChB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;CACnB;;AAED,AAAA,YAAY,CAAC;EACX,KAAK,EAAE,IAAI;CACZ",
+    "mappings": "AAAA;;;;;;;;;;;;;;;;IAgBI;AAIJ,AAAA,kBAAkB,CAAC;EACjB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,MAAM;EAChB,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;CACnB;;AAED,AAAA,YAAY,CAAC;EACX,KAAK,EAAE,IAAI;CACZ;;AAMD,MAAM,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK;EACjC,AAAA,kBAAkB,CAAC;IACjB,UAAU,EAAE,MAAM;GACnB;EACD,AAAA,YAAY,CAAC;IACX,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,IAAI;GACZ",
     "sources": [
         "headers.scss"
     ],
diff --git a/src/lib/headers/headers.scss b/src/lib/headers/headers.scss
index da26463..a0ae1e9 100644
--- a/src/lib/headers/headers.scss
+++ b/src/lib/headers/headers.scss
@@ -31,4 +31,14 @@
 
 .nav_options {
   // position: relative;  
-}
\ No newline at end of file
+}
+
+@media screen and (max-width: 600px) {
+  .cartoon_header_01 {
+    text-align: center;
+  }
+  .nav_options {
+    text-align: center;
+    float: none;
+  }
+}