diff --git a/.DS_Store b/.DS_Store
index cd774a7..2a09ca5 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/css/responsive.css b/css/responsive.css
index 2b07e14..69431df 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -71,6 +71,7 @@ body, html {
     flex: 1;
     padding: 0 10px;
     justify-content: flex-end;
+    margin-right: 5vw;
   
    
   }
@@ -424,9 +425,7 @@ width: 100%;
 }
 @media (max-width: 649px){
   .big-logos{
-    width: 80%;
-    margin-left: 10%;
-    text-align: center;
+    width: 100%;
     margin-bottom: 10px;
    
   }
@@ -456,6 +455,9 @@ width: 100%;
         font-family: 'Open Sans';
         font-size: 1em;
         text-align: left;
+        margin-left: 10%;
+       
+
       }
       .white p{
         color: black;
@@ -463,6 +465,7 @@ width: 100%;
         font-size: 0.8em;
         text-align: left;
         width: 90%;
+        margin-left: 10%;
       }
 }
 
@@ -474,7 +477,7 @@ width: 100%;
     .container .logo a img {
         max-width: 100%;
         max-height: 90px;
-        margin-left: 10vw;
+        margin-left: 9vw;
       }
       .container .navbar {
         margin-right: 5vw;
@@ -505,6 +508,7 @@ width: 100%;
     margin-left: 10vw;
    
   }
+ 
 }
 @media (min-width: 950px){
   .container .logo a img {
@@ -530,10 +534,15 @@ width: 100%;
    /*footer!*/
    .big-logos img{
     width: 85%;
-  }ano
+  }
   .white p{
     font-size: 0.7em;
     width: 70%;
+    margin-left: 8vw;
+  }
+  .white h5{
+    margin-left: 8vw;
+  }
 
 
 }
@@ -577,10 +586,6 @@ width: 100%;
     height: 100%;
   }
   
-  .column-two{
-    display: flex;
-    
-  }
   .column-one h2{
     width: 600px;
    }
@@ -606,7 +611,7 @@ width: 100%;
     font-family: 'Open Sans';
     font-size: 1em;
     margin-bottom: 0px;
-    margin-left: 10%;
+    margin-left: 8vw;
     margin-top: 20px;
   }
   .white p{
@@ -614,7 +619,7 @@ width: 100%;
     font-family: 'Open Sans';
     font-size: 0.8em;
     margin-top: 5px;
-    margin-left: 10%;
+    margin-left: 8vw;
     margin-bottom: 20px;
     width: 70%;
   }
diff --git a/index-one.html b/index-one.html
new file mode 100755
index 0000000..d757273
--- /dev/null
+++ b/index-one.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Mahnoor's Simple Website</title>
+    <link href="css/basic-site.css" type="text/css" rel="stylesheet"/>
+</head>
+<body>
+    <header>
+        <div class="image">
+            <img src="img/head.jpg" alt="header image"/>
+            <div class="text">Mahnoor Afteb</div>
+        </div>
+    </header>
+   <main>
+       <nav>   
+           <h2>About Me</h2>
+        </nav>
+        
+        <div class="me">
+            <img src="img/me.jpg" alt="picture of author"/>
+        </div>
+      <section class="one">
+
+        <p>I’m currently an undergraduate enrolled in the Digital Media and Design program at the <em>University of Connecticut</em>. I was born and raised in Meriden, Connecticut. I have always been an artistic child growing up and throughout high school, I was eager to take every possible art and digital technology course offered to me including digital imaging, web design, video production, ceramics and advanced photography. I would describe my personal style as vibrant, bold and festive. My artistic statement for most of my work pays attention to detail as I am especially inspired by abstract art.</p>
+      
+    </section>
+    <hr>
+    <section class="titles">
+    <h3>My Interests</h3>
+    </section>
+      <section class="two">
+        <ul>
+                <li>Photography</li>
+                <li>Traveling</li>
+                <li>Volunteering</li>
+                <li>Baking</li>
+                <li>Reading</li>
+                <li>Music</li> 
+            </ul>
+      </section>
+      <h3>My Favorite Websites:</h3>
+      <section class="three">
+      <ul>
+      <li><a href="https://www.netflix.com " target="_blank">Netflix</a></li>
+      <li><a href="https://www.twitter.com" target="_blank">Twitter</a></li>
+      <li><a href="https://www.youtube.com" target="_blank">YouTube</a></li>
+      <li><a href="https://www.theverge.com" target="_blank">The Verge</a></li>
+  </ul> 
+</section>
+
+
+    </main> 
+ <footer>
+        <h4>© Mahnoor Afteb 2020</h4>
+    </footer> 
+</body>
+</html>
diff --git a/index.html b/index.html
old mode 100755
new mode 100644
index d757273..68acaa5
--- a/index.html
+++ b/index.html
@@ -3,58 +3,101 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Mahnoor's Simple Website</title>
-    <link href="css/basic-site.css" type="text/css" rel="stylesheet"/>
+    <title>Responsive Practice</title>
+    <link href="css/responsive.css" type="text/css" rel="stylesheet"/>
 </head>
 <body>
-    <header>
-        <div class="image">
-            <img src="img/head.jpg" alt="header image"/>
-            <div class="text">Mahnoor Afteb</div>
+    <div id="bg">
+<div class="container">
+    <div class="logo">
+        <a href="#"><img src="img/logo.jpg" alt="logo"></a>
+    </div>
+    <div class="navbar">
+
+         <div class="icon-bar" onclick="Show()">
+             <i></i>
+             <i></i>
+             <i></i>
         </div>
-    </header>
-   <main>
-       <nav>   
-           <h2>About Me</h2>
-        </nav>
-        
-        <div class="me">
-            <img src="img/me.jpg" alt="picture of author"/>
+
+        <ul id="nav-lists">
+            <li class="close"><span onclick="Hide()">×</span></li>
+            <li><a href="#">Features</a></li>
+            <li><a href="#">About</a></li>
+            <li><a href="#">Pricing</a></li>
+              <li><a href="#">Reviews</a></li>
+              <li><a href="#">Contact</a></li>
+        </ul>
+</div>
+</div>
+<main>
+    <div class="centered">
+   
+        <!--Column 1-->
+    <div class="column-one">
+    <div class="big-logo">
+        <img src="img/big-logo.jpg" alt="big logo"/>
+    </div>
+        <h2>MODERN AXURE TEMPLATE<br>
+            FOR BEAUTIFUL PROTOTYPES</h2>
+    <hr><br>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
+     euismod bibendum laoreet. Proin gravida dolor sit amet lacus
+    accumsan et viverra justo commodo.</p>
+    <button class="btn">Download</button>
+    </div>
+         <!--Column 2-->
+    <div class="column-two">
+    <form action="">
+        <div id="form-container">
+        <h3> Try Your <span style="color: orange;">FREE</span> Trial Today </h3>
+            <input type="text" name="Name" id="" placeholder="Name">
+            <input type="text" name="Email" id="" placeholder="Email">
+            <input type="text" name="Password" id="" placeholder="Password">
+
+        <button type="submit" name="Get Started">Get Started!</button>
+        </div>
+    </form>
+    </div>
+   
+</div>
+</div> 
+</div>
+</main>
+<div id="footer-container">
+    <div id="footer-one">
+        <div class="white">
+            <h5>Social Media</h5>
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                Aenean euismod bibendum laoreet.</p>
+     </div>
+     <div class="big-logos">
+        <img src="img/big-icons.jpg" alt="big logos with white background"/>
+    </div>
+</div>
+
+<div id="footer-two">
+    <div class="black">
+        <div class="small-logos">
+            <img src="img/footer-icons.jpg" alt="small logos with black background"/>
         </div>
-      <section class="one">
+        <h6>© 2020 Axure Themes</h6>
+    </div>
 
-        <p>I’m currently an undergraduate enrolled in the Digital Media and Design program at the <em>University of Connecticut</em>. I was born and raised in Meriden, Connecticut. I have always been an artistic child growing up and throughout high school, I was eager to take every possible art and digital technology course offered to me including digital imaging, web design, video production, ceramics and advanced photography. I would describe my personal style as vibrant, bold and festive. My artistic statement for most of my work pays attention to detail as I am especially inspired by abstract art.</p>
-      
-    </section>
-    <hr>
-    <section class="titles">
-    <h3>My Interests</h3>
-    </section>
-      <section class="two">
-        <ul>
-                <li>Photography</li>
-                <li>Traveling</li>
-                <li>Volunteering</li>
-                <li>Baking</li>
-                <li>Reading</li>
-                <li>Music</li> 
-            </ul>
-      </section>
-      <h3>My Favorite Websites:</h3>
-      <section class="three">
-      <ul>
-      <li><a href="https://www.netflix.com " target="_blank">Netflix</a></li>
-      <li><a href="https://www.twitter.com" target="_blank">Twitter</a></li>
-      <li><a href="https://www.youtube.com" target="_blank">YouTube</a></li>
-      <li><a href="https://www.theverge.com" target="_blank">The Verge</a></li>
-  </ul> 
-</section>
+</div>
 
+</div>
 
-    </main> 
- <footer>
-        <h4>© Mahnoor Afteb 2020</h4>
-    </footer> 
+<!--JavaScript for navbar-->
+<script>
+    var navList = document.getElementById("nav-lists");
+    function Show() {
+    navList.classList.add("_Menus-show");
+    }
+    
+    function Hide(){
+    navList.classList.remove("_Menus-show");
+    }
+</script>
 </body>
 </html>
diff --git a/responsive.html b/responsive.html
deleted file mode 100644
index 6687e3a..0000000
--- a/responsive.html
+++ /dev/null
@@ -1,103 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Responsive Practice</title>
-    <link href="css/responsive.css" type="text/css" rel="stylesheet"/>
-</head>
-<body>
-    <div id="bg">
-<div class="container">
-    <div class="logo">
-        <a href="#"><img src="img/logo.jpg" alt="logo"></a>
-    </div>
-    <div class="navbar">
-
-         <div class="icon-bar" onclick="Show()">
-             <i></i>
-             <i></i>
-             <i></i>
-        </div>
-
-        <ul id="nav-lists">
-            <li class="close"><span onclick="Hide()">×</span></li>
-            <li><a href="#">Features</a></li>
-            <li><a href="#">About</a></li>
-            <li><a href="#">Pricing</a></li>
-              <li><a href="#">Reviews</a></li>
-              <li><a href="#">Contact</a></li>
-        </ul>
-</div>
-</div>
-<main>
-    <div class="centered">
-   
-        <!--Column 1-->
-    <div class="column-one">
-    <div class="big-logo">
-        <img src="img/big-logo.jpg" alt="big logo"/>
-    </div>
-        <h2>MODERN AXURE TEMPLATE<br>
-            FOR BEAUTIFUL PROTOTYPES</h2>
-    <hr><br>
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean
-     euismod bibendum laoreet. Proin gravida dolor sit amet lacus
-    accumsan et viverra justo commodo.</p>
-    <button class="btn"><a href="#">Download</button>
-    </div>
-         <!--Column 2-->
-    <div class="column-two">
-    <form action="">
-        <div id="form-container">
-        <h3> Try Your <span style="color: orange;">FREE</span> Trial Today </h3>
-            <input type="text" name="Name" id="" placeholder="Name">
-            <input type="text" name="Email" id="" placeholder="Email">
-            <input type="text" name="Password" id="" placeholder="Password">
-
-        <button type="submit" name="Get Started">Get Started!</button>
-        </div>
-    </form>
-    </div>
-   
-</div>
-</div> 
-</div>
-</main>
-<div id="footer-container">
-    <div id="footer-one">
-        <div class="white">
-            <h5>Social Media</h5>
-            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                Aenean euismod bibendum laoreet.</p>
-     </div>
-     <div class="big-logos">
-        <img src="img/big-icons.jpg" alt="big logos with white background"/>
-    </div>
-</div>
-
-<div id="footer-two">
-    <div class="black">
-        <div class="small-logos">
-            <img src="img/footer-icons.jpg" alt="small logos with black background"/>
-        </div>
-        <h6>© 2020 Axure Themes</h6>
-    </div>
-
-</div>
-
-</div>
-
-<!--JavaScript for navbar-->
-<script>
-    var navList = document.getElementById("nav-lists");
-    function Show() {
-    navList.classList.add("_Menus-show");
-    }
-    
-    function Hide(){
-    navList.classList.remove("_Menus-show");
-    }
-</script>
-</body>
-</html>
diff --git a/week-4/.DS_Store b/week-4/.DS_Store
index 26e100b..45a895a 100644
Binary files a/week-4/.DS_Store and b/week-4/.DS_Store differ
diff --git a/week-4/Screen Shot 2020-02-15 at 1.25.53 PM.png b/week-4/Screen Shot 2020-02-15 at 1.25.53 PM.png
new file mode 100644
index 0000000..1dfb3ae
Binary files /dev/null and b/week-4/Screen Shot 2020-02-15 at 1.25.53 PM.png differ
diff --git a/week-4/flexbox defense.png b/week-4/flexbox defense.png
new file mode 100644
index 0000000..96efe27
Binary files /dev/null and b/week-4/flexbox defense.png differ
