diff --git a/Introduction to HTML/Lesson 4/about.html b/Introduction to HTML/Lesson 4/about.html
index 67f7c9f6..b38cc2f0 100644
--- a/Introduction to HTML/Lesson 4/about.html	
+++ b/Introduction to HTML/Lesson 4/about.html	
@@ -3,18 +3,45 @@
     <head>
         <title>The Generics | About</title>
         <meta name="description" content="This is the description">
+        <style type="text/css" media="screen">
+        .main-container{   
+            width: 100%;
+}
+.flex-container{
+    display:flex;
+    height:80px;
+    background-color:black;
+    width:100%;
+}
+.menu{
+    min-width:300px;
+    color: white;
+    padding-top: 30px;
+    text-align:center;
+    font-size: 1.5em;
+}
+.footer-container{
+                display:flex;
+                height:60px;
+                background-color:#DCDCDC;
+            }
+            .resource{
+                min-width:100px;
+                padding-top: 10px;
+                text-align:center;
+            }
+</style>
     </head>
     <body>
         <header>
-            <nav>
-                <ul>
-                    <li><a href="index.html">HOME</a></li>
-                    <li><a href="store.html">STORE</a></li>
-                    <li><a href="about.html">ABOUT</a></li>
-                </ul>
-            </nav>
-            <hr>
-            <h1>The Generics</h1>
+            <div class="main-container">
+                <div class="flex-container">
+                <div class="menu"><a href="index.html">HOME</a></div>
+                <div class="menu"><a href="about.html">ABOUT</a></div>
+                <div class="menu"><a href="store.html">STORE</a></div>
+            </div>
+
+            <h1><center>The Generics</center></h1>
         </header>
 
         <section>
@@ -26,23 +53,24 @@ <h2>ABOUT</h2>
         
         <footer>
             <h3>The Generics</h3>
-            <ul>
-                <li>
-                    <a href="https://www.youtube.com" target="_blank">
+            <div class="main-container">
+                <div class="footer-container">
+                    <div class="resource"><a href="https://www.youtube.com" target="_blank">
                         <img src="Images/YouTube Logo.png">
                     </a>
-                </li>
-                <li>
-                    <a href="https://www.spotify.com" target="_blank">
-                        <img src="Images/Spotify Logo.png">
-                    </a>
-                </li>
-                <li>
-                    <a href="https://www.facebook.com" target="_blank">
-                        <img src="Images/Facebook Logo.png">
-                    </a>
-                </li>
-            </ul>
+                    </div>
+                    <div class="resource">
+                        <a href="https://www.spotify.com" target="_blank">
+                            <img src="Images/Spotify Logo.png">
+                        </a>
+                    </div>
+                    <div class="resource">
+                        <a href="https://www.facebook.com" target="_blank">
+                            <img src="Images/Facebook Logo.png">
+                        </a>
+                    </div>
+                </div>
+            </div>
         </footer>
     </body>
 </html>
\ No newline at end of file
diff --git a/Introduction to HTML/Lesson 4/index.html b/Introduction to HTML/Lesson 4/index.html
index 240e80af..7388a3ac 100644
--- a/Introduction to HTML/Lesson 4/index.html	
+++ b/Introduction to HTML/Lesson 4/index.html	
@@ -3,18 +3,45 @@
     <head>
         <title>The Generics</title>
         <meta name="description" content="This is the description">
+        <style type="text/css" media="screen">
+            .main-container{   
+                                width: 100%;
+                }
+                .flex-container{
+                    display:flex;
+                    height:80px;
+                    background-color:black;
+                    width:100%;
+                }
+                .menu{
+                    min-width:300px;
+                    color: white;
+                    padding-top: 30px;
+                    text-align:center;
+                    font-size: 1.5em;
+                }
+                .footer-container{
+                display:flex;
+                height:60px;
+                background-color:#DCDCDC;
+            }
+            .resource{
+                min-width:100px;
+                padding-top: 10px;
+                text-align:center;
+            }
+        </style>
     </head>
     <body>
         <header>
-            <nav>
-                <ul>
-                    <li><a href="index.html">HOME</a></li>
-                    <li><a href="store.html">STORE</a></li>
-                    <li><a href="about.html">ABOUT</a></li>
-                </ul>
-            </nav>
-            <hr>
-            <h1>The Generics</h1>
+            <div class="main-container">
+                <div class="flex-container">
+                <div class="menu"><a href="index.html">HOME</a></div>
+                <div class="menu"><a href="about.html">ABOUT</a></div>
+                <div class="menu"><a href="store.html">STORE</a></div>
+            </div>
+
+            <h1><center>The Generics</center></h1>
             <button type="button">Get our Latest Album</button>
             <br>
             <br>
@@ -87,23 +114,24 @@ <h2>TOURS</h2>
         </section>
         <footer>
             <h3>The Generics</h3>
-            <ul>
-                <li>
-                    <a href="https://www.youtube.com" target="_blank">
+            <div class="main-container">
+                <div class="footer-container">
+                    <div class="resource"><a href="https://www.youtube.com" target="_blank">
                         <img src="Images/YouTube Logo.png">
                     </a>
-                </li>
-                <li>
-                    <a href="https://www.spotify.com" target="_blank">
-                        <img src="Images/Spotify Logo.png">
-                    </a>
-                </li>
-                <li>
-                    <a href="https://www.facebook.com" target="_blank">
-                        <img src="Images/Facebook Logo.png">
-                    </a>
-                </li>
-            </ul>
+                    </div>
+                    <div class="resource">
+                        <a href="https://www.spotify.com" target="_blank">
+                            <img src="Images/Spotify Logo.png">
+                        </a>
+                    </div>
+                    <div class="resource">
+                        <a href="https://www.facebook.com" target="_blank">
+                            <img src="Images/Facebook Logo.png">
+                        </a>
+                    </div>
+                </div>
+            </div>
         </footer>
     </body>
 </html>
\ No newline at end of file
diff --git a/Introduction to HTML/Lesson 4/store.html b/Introduction to HTML/Lesson 4/store.html
index 2ea9c463..c7c8be45 100644
--- a/Introduction to HTML/Lesson 4/store.html	
+++ b/Introduction to HTML/Lesson 4/store.html	
@@ -3,65 +3,109 @@
     <head>
         <title>The Generics | Store</title>
         <meta name="description" content="This is the description">
+        <style type="text/css" media="screen">
+        .single-product {
+            float: left;
+            width: 30%;
+            padding: 5px;
+        }
+
+            /* Clearfix (clear floats) */
+        .row::after {
+            content: "";
+            clear: both;
+            display: table;
+        }
+            .main-container{   
+                width: 100%;
+            }
+            .flex-container{
+                display:flex;
+                height:80px;
+                background-color:black;
+                width:100%;
+            }
+            .menu{
+                min-width:300px;
+                color: white;
+                padding-top: 30px;
+                text-align:center;
+                font-size: 1.5em;
+            }
+            .footer-container{
+                display:flex;
+                height:60px;
+                background-color:#DCDCDC;
+            }
+            .resource{
+                min-width:100px;
+                padding-top: 10px;
+                text-align:center;
+            }
+        </style>
     </head>
     <body>
         <header>
-            <nav>
-                <ul>
-                    <li><a href="index.html">HOME</a></li>
-                    <li><a href="store.html">STORE</a></li>
-                    <li><a href="about.html">ABOUT</a></li>
-                </ul>
-            </nav>
-            <hr>
-            <h1>The Generics</h1>
+            <div class="main-container">
+                <div class="flex-container">
+                <div class="menu"><a href="index.html">HOME</a></div>
+                <div class="menu"><a href="about.html">ABOUT</a></div>
+                <div class="menu"><a href="store.html">STORE</a></div>
+            </div>
+
+            <h1><center>The Generics</center></h1>
         </header>
         <section>
             <h2>MUSIC</h2>
-            <div>
-                <div>
-                    <strong>Album 1</strong>
-                </div>
-                <img src="Images/Album 1.png">
-                <div>
-                    <span>$12.99</span>
-                    <button type="button">ADD TO CART</button>
-                </div>
-            </div>
-            <div>
-                <div>
-                    <strong>Album 2</strong>
+            <div class="container">
+            <div class="row">
+                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
+                    <div class="single-product">
+                        <div><strong>Album 1</strong></div>
+                        <img src="Images/Album 1.png">
+                        <div>
+                            <span>$12.99</span>
+                            <button type="button">ADD TO CART</button>
+                        </div>
+                    </div>
                 </div>
-                <img src="Images/Album 2.png">
-                <div>
-                    <span>$14.99</span>
-                    <button type="button">ADD TO CART</button>
+                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
+                    <div class="single-product">
+                        <div><strong>Album 2</strong></div>
+                        <img src="Images/Album 2.png">
+                        <div>
+                            <span>$14.99</span>
+                            <button type="button">ADD TO CART</button>
+                        </div>
+                    </div>
                 </div>
-            </div>
-            <div>
-                <div>
-                    <strong>Album 3</strong>
+                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
+                    <div class="single-product">
+                        <div><strong>Album 3</strong></div>
+                        <img src="Images/Album 3.png">
+                        <div>
+                            <span>$9.99</span>
+                            <button type="button">ADD TO CART</button>
+                        </div>
+                    </div>
                 </div>
-                <img src="Images/Album 3.png">
-                <div>
-                    <span>$9.99</span>
-                    <button type="button">ADD TO CART</button>
+                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
+                    <div class="single-product">
+                        <div>
+                            <strong>Album 4</strong>
+                        </div>
+                        <img src="Images/Album 4.png">
+                        <div>
+                            <span>$19.99</span>
+                            <button type="button">ADD TO CART</button>
+                        </div>
+                    </div>
                 </div>
-            </div>
-            <div>
-                <div>
-                    <strong>Album 4</strong>
-                </div>
-                <img src="Images/Album 4.png">
-                <div>
-                    <span>$19.99</span>
-                    <button type="button">ADD TO CART</button>
-                </div>
-            </div>
         </section>
         <section>
             <h2>MERCH</h2>
-            <div>
+            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
+                <div class="single-product">
                 <div>
                     <strong>T-Shirt</strong>
                 </div>
@@ -70,8 +114,10 @@ <h2>MERCH</h2>
                     <span>$19.99</span>
                     <button type="button">ADD TO CART</button>
                 </div>
+                </div>
             </div>
-            <div>
+            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
+                <div class="single-product">
                 <div>
                     <strong>Cofee Cup</strong>
                 </div>
@@ -80,6 +126,7 @@ <h2>MERCH</h2>
                     <span>$6.99</span>
                     <button type="button">ADD TO CART</button>
                 </div>
+                </div>
             </div>
         </section>
         <section>
@@ -120,23 +167,24 @@ <h2>CART</h2>
         </section>
         <footer>
             <h3>The Generics</h3>
-            <ul>
-                <li>
-                    <a href="https://www.youtube.com" target="_blank">
+            <div class="main-container">
+                <div class="footer-container">
+                    <div class="resource"><a href="https://www.youtube.com" target="_blank">
                         <img src="Images/YouTube Logo.png">
                     </a>
-                </li>
-                <li>
-                    <a href="https://www.spotify.com" target="_blank">
-                        <img src="Images/Spotify Logo.png">
-                    </a>
-                </li>
-                <li>
-                    <a href="https://www.facebook.com" target="_blank">
-                        <img src="Images/Facebook Logo.png">
-                    </a>
-                </li>
-            </ul>
+                    </div>
+                    <div class="resource">
+                        <a href="https://www.spotify.com" target="_blank">
+                            <img src="Images/Spotify Logo.png">
+                        </a>
+                    </div>
+                    <div class="resource">
+                        <a href="https://www.facebook.com" target="_blank">
+                            <img src="Images/Facebook Logo.png">
+                        </a>
+                    </div>
+                </div>
+            </div>
         </footer>
     </body>
 </html>
\ No newline at end of file
diff --git a/Introduction to JavaScript/Lesson 1/styles.css b/Introduction to JavaScript/Lesson 1/styles.css
index 045b85bb..2d9a762f 100644
--- a/Introduction to JavaScript/Lesson 1/styles.css	
+++ b/Introduction to JavaScript/Lesson 1/styles.css	
@@ -21,6 +21,7 @@ html, body {
     min-height: 100%;
 }
 
+
 .nav ul {
     margin: 0;
 }
