diff --git a/README.md b/README.md
index a896f3c..73a89f4 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,7 @@
-# portfolio-site
\ No newline at end of file
+# portfolio-site
+
+# testing git branch document
+
+# making changes in the main branch
+
+# making changes to the readme branch
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index e69de29..71083af 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,42 @@
+*{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+/* responsive media queries */
+/* For mobile phones: */
+[class*="col-"] {
+ width: 100%;
+ }
+
+ @media only screen and (min-width: 600px) {
+ /* For tablets: */
+ .col-s-1 {width: 8.33%;}
+ .col-s-2 {width: 16.66%;}
+ .col-s-3 {width: 25%;}
+ .col-s-4 {width: 33.33%;}
+ .col-s-5 {width: 41.66%;}
+ .col-s-6 {width: 50%;}
+ .col-s-7 {width: 58.33%;}
+ .col-s-8 {width: 66.66%;}
+ .col-s-9 {width: 75%;}
+ .col-s-10 {width: 83.33%;}
+ .col-s-11 {width: 91.66%;}
+ .col-s-12 {width: 100%;}
+ }
+ @media only screen and (min-width: 768px) {
+ /* For desktop: */
+ .col-1 {width: 8.33%;}
+ .col-2 {width: 16.66%;}
+ .col-3 {width: 25%;}
+ .col-4 {width: 33.33%;}
+ .col-5 {width: 41.66%;}
+ .col-6 {width: 50%;}
+ .col-7 {width: 58.33%;}
+ .col-8 {width: 66.66%;}
+ .col-9 {width: 75%;}
+ .col-10 {width: 83.33%;}
+ .col-11 {width: 91.66%;}
+ .col-12 {width: 100%;}
+ }
\ No newline at end of file
diff --git a/index.html b/index.html
index 5765c28..73a3f45 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,15 @@
+
Portfolio Page
-
+
+
+
+
+
+