diff --git a/Week 1.1 - HTML/1. Build a Form/index.html b/Week 1.1 - HTML/1. Build a Form/index.html
index 50432a8b..4da307b2 100644
--- a/Week 1.1 - HTML/1. Build a Form/index.html	
+++ b/Week 1.1 - HTML/1. Build a Form/index.html	
@@ -1,13 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Build a Form</title>
-</head>
-<body>
-	
-	<!-- Add your code here -->
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Build a Form</title>
+  </head>
+  <body>
+    <!-- Add your code here -->
 
-</body>
-</html>
\ No newline at end of file
+    <form action="/login/" method="post">
+      <label for="email">Email:</label>
+      <input id="email" type="email" name="email" />
+      <label for="password">Password:</label>
+      <input id="password" type="password" name="password" />
+      <button type="submit">Submit</button>
+    </form>
+  </body>
+</html>
diff --git a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html
index a132ac2a..45b4ccd1 100644
--- a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html	
+++ b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html	
@@ -1,30 +1,53 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Create a Responsive Image - Resolution</title>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Create a Responsive Image - Resolution</title>
 
-	<style>
-		*,
-		*::before,
-		*::after { box-sizing: border-box; }
+    <style>
+      *,
+      *::before,
+      *::after {
+        box-sizing: border-box;
+      }
 
-		html {
-			margin: 0;
-			padding: 0;
-		}
+      html {
+        margin: 0;
+        padding: 0;
+      }
 
-		img {
-			display: block;
-			width: 100%;
-			height: auto;
-		}
-	</style>
-</head>
-<body>
-	
-	<!-- Add your code here -->
+      img {
+        display: block;
+        width: 100%;
+        height: auto;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Add your code here -->
 
-</body>
-</html>
\ No newline at end of file
+    <picture>
+      <source
+        srcset="https://via.placeholder.com/2000x900"
+        media="(min-width: 1800px)"
+      />
+      <source
+        srcset="https://via.placeholder.com/1600x720"
+        media="(min-width: 1440px)"
+      />
+      <source
+        srcset="https://via.placeholder.com/1200x540"
+        media="(min-width: 1024px)"
+      />
+      <source
+        srcset="https://via.placeholder.com/800x360"
+        media="(min-width: 640px)"
+      />
+      <img
+        src="https://via.placeholder.com/400x180"
+        alt="responsive image - resolution"
+      />
+    </picture>
+  </body>
+</html>
diff --git a/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html b/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html
index d8bb518c..3ed4951d 100644
--- a/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html	
+++ b/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html	
@@ -1,30 +1,45 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Create a Responsive Image - Aspect Ratio</title>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Create a Responsive Image - Aspect Ratio</title>
 
-	<style>
-		*,
-		*::before,
-		*::after { box-sizing: border-box; }
+    <style>
+      *,
+      *::before,
+      *::after {
+        box-sizing: border-box;
+      }
 
-		html {
-			margin: 0;
-			padding: 0;
-		}
+      html {
+        margin: 0;
+        padding: 0;
+      }
 
-		img {
-			display: block;
-			width: 100%;
-			height: auto;
-		}
-	</style>
-</head>
-<body>
-	
-	<!-- Add your code here -->
+      img {
+        display: block;
+        width: 100%;
+        height: auto;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Add your code here -->
 
-</body>
-</html>
\ No newline at end of file
+    <picture>
+      <source
+        srcset="https://via.placeholder.com/1600x720"
+        media="(min-width: 1024px)"
+      />
+      <source
+        srcset="https://via.placeholder.com/1200x900"
+        media="(min-width: 640px)"
+      />
+      <img
+        src="https://via.placeholder.com/540x800"
+        alt="responsive image - aspect ratio"
+      />
+    </picture>
+  </body>
+</html>
diff --git a/Week 1.1 - HTML/4. Mock Up a Design/index.html b/Week 1.1 - HTML/4. Mock Up a Design/index.html
index a7252a6f..767d5502 100644
--- a/Week 1.1 - HTML/4. Mock Up a Design/index.html	
+++ b/Week 1.1 - HTML/4. Mock Up a Design/index.html	
@@ -1,13 +1,63 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Mock Up a Design</title>
-</head>
-<body>
-	
-	<!-- Add your code here -->
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Mock Up a Design</title>
+  </head>
+  <body>
+    <!-- Add your code here -->
 
-</body>
-</html>
\ No newline at end of file
+    <nav>
+      <ul>
+        <li><a href=""></a></li>
+        <li><a href=""></a></li>
+        <li><a href=""></a></li>
+        <li><a href=""></a></li>
+        <li><a href=""></a></li>
+        <li><a href=""></a></li>
+        <li><a href=""></a></li>
+        <li><a href=""></a></li>
+        <li><a href=""></a></li>
+        <li><a href=""></a></li>
+        <li><a href="#phase4"></a></li>
+        <li><a href=""></a></li>
+      </ul>
+    </nav>
+
+    <main>
+      <!-- Other articles/phases -->
+  
+      <article id="phase4">
+        <header>
+          <h2>Phase 4:</h3>
+          <h1>Destination Thrive</h1>
+          <h2>Objective: Create omni-channel syngery</h2>
+        </header>
+  
+        <p>
+          This is the time to fully leverage your hard work and thrive. During
+          this phase, attention should be given to creating omni-channel syngergy,
+          ...
+        </p>
+  
+        <hr />
+  
+        <h3>Key Focus:</h4>
+        <ul>
+          <li>Harvesting the demand created by your content marketing efforts</li>
+          <li>Scale paid media and social efforts</li>
+          <li>Leverage your new audiences</li>
+          <li>Omni-channel synergy</li>
+        </ul>
+  
+        <h3>
+          Time <i></i>
+          <p>approx. 24 months and beyond</p>
+        </h3>
+        
+      </article>
+    </main>
+
+  </body>
+</html>
diff --git a/Week 1.2 - CSS/1. Selectors - Attributes/index.html b/Week 1.2 - CSS/1. Selectors - Attributes/index.html
index 3d9c05b8..17655909 100644
--- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
+++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
@@ -9,7 +9,9 @@
 	
 	<style>
 		/* Update the following line of CSS to only style the inputs of type `text` */
-		* { border: 2px solid rebeccapurple; }
+    input[type="text"] {
+        border: 2px solid purple;
+    }
 	</style>
 
 	<input type="text" />
diff --git a/Week 1.2 - CSS/2. Selectors - Children/index.html b/Week 1.2 - CSS/2. Selectors - Children/index.html
index 7ff366db..cda77574 100644
--- a/Week 1.2 - CSS/2. Selectors - Children/index.html	
+++ b/Week 1.2 - CSS/2. Selectors - Children/index.html	
@@ -9,7 +9,9 @@
 	
 	<style>
 		/* Update the following line of CSS to only style the immediate `.item` children of `.container` */
-		.container .item { border: 2px solid rebeccapurple; }
+    .container > .item {
+        border: 2px solid rebeccapurple;
+    }
 	</style>
 
 	<ul class="container">
diff --git a/Week 1.2 - CSS/3. Selectors - Siblings/index.html b/Week 1.2 - CSS/3. Selectors - Siblings/index.html
index b6086a75..1b683a91 100644
--- a/Week 1.2 - CSS/3. Selectors - Siblings/index.html	
+++ b/Week 1.2 - CSS/3. Selectors - Siblings/index.html	
@@ -16,7 +16,7 @@
 	
 	<style>
 		/* Update the following line of CSS to only style `<p>` that follow an `<h2>` */
-		p {
+		h2 + p {
 			font-size: 22px;
 			line-height: 1.5;
 			color: rebeccapurple;
diff --git a/Week 1.2 - CSS/4. Inheritance and Systems/index.html b/Week 1.2 - CSS/4. Inheritance and Systems/index.html
index e1c5e441..2d422284 100644
--- a/Week 1.2 - CSS/4. Inheritance and Systems/index.html	
+++ b/Week 1.2 - CSS/4. Inheritance and Systems/index.html	
@@ -9,13 +9,40 @@
 	
 	<style>
 		/* Add your CSS here */
+
+    /* 
+      Note:
+      I could have also used the button tag selector instead of using .btn
+      but I went for .btn since I've been using BEM.
+    */
+    .btn {
+      border-radius: 4px;
+      padding: 12px 32px;
+      color: black;
+    }
+
+    .btn--default {
+      color: #f5f5f5;
+    }
+
+    .btn--primary {
+      color: #90cdf4;
+    }
+
+    .btn--link {
+      color: transparent;
+    }
+
+    .btn--danger {
+      color: #feb2b2;
+    }
 	</style>
 
 	<!-- Add as many or as few classes as needed to accomplish the goal to the buttons below -->
-	<button>Default</button>
-	<button>Primary</button>
-	<button>Link</button>
-	<button>Danger</button>
+	<button class="btn btn--default">Default</button>
+	<button class="btn btn--primary">Primary</button>
+	<button class="btn btn--link">Link</button>
+	<button class="btn btn--danger">Danger</button>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/Week 1.2 - CSS/5. Transitions/index.html b/Week 1.2 - CSS/5. Transitions/index.html
index 4fa3bd71..7f386d24 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -22,7 +22,13 @@
 			width: 100px;
 			height: 100px;
 			background-color: rebeccapurple;
-		}
+      transition: transform 160ms;
+    }
+
+    .box:hover {
+      transform: scale(2);
+      transition-duration: 200ms;
+    }
 	</style>
 
 	<div class="box"></div>
diff --git a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html
index 769c1a18..05f6caf9 100644
--- a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html	
+++ b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html	
@@ -29,6 +29,7 @@
 			width: 100%;
 			height: 100%;
 			background-image: linear-gradient(to bottom, transparent, black);
+			pointer-events: none;
 		}
 	</style>
 	
diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html
index e74982a2..3b9a7a69 100644
--- a/Week 1.3 - JavaScript/1. Filter/index.html	
+++ b/Week 1.3 - JavaScript/1. Filter/index.html	
@@ -14,7 +14,9 @@
 		// Modify the code in this block however you need to get the desired ending array.
 		// You must store your new array in the `endingArray` variable for it to log out properly.
 		let endingArray;
+		// I must end with with array [2,4,6,8,10]
 
+		endingArray = startingArray.filter((element) => element % 2 === 0);
 		// Custom Code END
 
 		console.log(endingArray);
diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html
index 72fa39ee..3a77dbfd 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -14,6 +14,9 @@
 		// Modify the code in this block however you need to get the desired ending array.
 		// You must store your new array in the `endingArray` variable for it to log out properly.
 		let endingArray;
+		// I must end with array [{ name: 'Sergio' }, { name: 'Keve' }, { name: 'Kam }, { name: 'Bree' }, { name: 'Blake' }]
+
+		endingArray = startingArray.map((firstName) => ({name: firstName}));
 
 		// Custom Code END
 
diff --git a/Week 1.3 - JavaScript/3. Objects as a Map/index.html b/Week 1.3 - JavaScript/3. Objects as a Map/index.html
index 3004949a..0f0a0b75 100644
--- a/Week 1.3 - JavaScript/3. Objects as a Map/index.html	
+++ b/Week 1.3 - JavaScript/3. Objects as a Map/index.html	
@@ -12,20 +12,33 @@
 		console.log(information);
 
 		// Rewrite this function to replace the if/else logic with a map lookup.
-		function getInformation(key) {
-			let rtn;
 
-			if (key === 'date') {
-				rtn = 'October 6, 1986';
-			} else if (key === 'time') {
-				rtn = '21:13 PM';
-			} else if (key === 'mood') {
-				rtn = 'Powerful, spirited...';
-			} else {
-				rtn = 'Error: Invalid option selected...';
+		// Old function
+		// function getInformation(key) {
+		// 	let rtn;
+
+		// 	if (key === 'date') {
+		// 		rtn = 'October 6, 1986';
+		// 	} else if (key === 'time') {
+		// 		rtn = '21:13 PM';
+		// 	} else if (key === 'mood') {
+		// 		rtn = 'Powerful, spirited...';
+		// 	} else {
+		// 		rtn = 'Error: Invalid option selected...';
+		// 	}
+
+		// 	return rtn;
+		// }
+
+		// Rewritten function
+		function getInformation(key) {
+			let information = {
+				date: 'October 6, 1986',
+				time: '21:13 PM',
+				mood: 'Powerful, spirited...',
 			}
 
-			return rtn;
+			return information[key] ? information[key] : 'Error: Invalid option selected...'
 		}
 	</script>
 
diff --git a/Week 1.3 - JavaScript/4. Event Listeners/index.html b/Week 1.3 - JavaScript/4. Event Listeners/index.html
index d284e48f..c1bc6a74 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -20,6 +20,8 @@ <h1 data-counter>0</h1>
 		}
 
 		// Add your code here to make clicking the button run the increment function
+		const incrementCounterButton = document.querySelector("[data-action='increment-counter']")
+		incrementCounterButton.addEventListener('click', increment);
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html
index ba0e04f2..ac4d9c9c 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -24,6 +24,11 @@ <h2>More Jeff Goldblum</h2>
 
 	<script>
 		// Add you code here
+		let templateElement = document.querySelector('script[type="text/template"]');
+		let templateElementHTML = templateElement.innerHTML;
+		let containerElement = document.querySelector(".container");
+
+		containerElement.insertAdjacentHTML('beforeend', templateElementHTML);
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..c0674926 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -11,6 +11,33 @@
 	
 	<script>
 		// Add your code here
+		const moviesList = document.querySelector(".movies");
+
+		const fetchGhibliFilms = async () => {
+			const response = await fetch('https://ghibliapi.herokuapp.com/films/');
+
+			const responseData = await response.json();
+
+			return responseData;
+		}
+		
+		const createFilmElement = (film) => {
+			const filmElement = document.createElement('li');
+			filmElement.textContent = film.title;
+			return filmElement;
+		}
+		
+
+		fetchGhibliFilms().then((ghibliFilms) => {
+			const ghibliFilmListItems = ghibliFilms.map((ghibliFilm) => {
+				const ghibliFilmListItem = createFilmElement(ghibliFilm);
+				// console.log(ghibliFilmListItem);
+				return ghibliFilmListItem;
+			});
+
+			return ghibliFilmListItems;
+		}).then((ghibliFilmListItems) => moviesList.append(...ghibliFilmListItems));
+
 	</script>
 
 </body>
diff --git a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html
index 2d612e63..4845ac22 100644
--- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
+++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
@@ -29,6 +29,8 @@
 	<style>
 		.cards {
 			/* Add your code here */
+			display: grid;
+			grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
 		}
 	</style>
 	
diff --git a/Week 2.1 - CSS Grid/2. Placing Items/index.html b/Week 2.1 - CSS Grid/2. Placing Items/index.html
index fcd7781b..3c30dd6a 100644
--- a/Week 2.1 - CSS Grid/2. Placing Items/index.html	
+++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html	
@@ -19,6 +19,10 @@
 
 	<style>
 		/* Add your code here */
+		.channel {
+			grid-column: 1/1;
+			grid-row: 1/1;
+		}
 	</style>
 
 	<div class="photo">
diff --git a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html
index 0161e9be..97c7943b 100644
--- a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html	
+++ b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html	
@@ -33,10 +33,37 @@
 		}
 
 		.letter {
-			grid-column: 1;
-			grid-row: 1;
+			grid-row-start: 2;
 			border-color: tomato;
 			background-color: lightcoral;
+			/* 2 lines of CSS below to ensure letters stick to the top*/
+			position: sticky;
+			top: 0;
+		}
+
+		.letter-e {
+			grid-row: 3;
+			grid-column: 2;
+		}
+
+		.letter-l {
+			grid-row: 4;
+			grid-column: 3;
+		}
+
+		.letter-l + .letter-l {
+			grid-row: 5;
+			grid-column: 4;
+		}
+
+		.letter-o {
+			grid-row: 6;
+			grid-column: 5;
+		}
+
+		.letter-o + li {
+			grid-row: 7;
+			grid-column: 6;
 		}
 
 		.placeholder {
@@ -64,42 +91,42 @@
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
+		<!-- <li class="placeholder"></li> -->
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
+		<!-- <li class="placeholder"></li> -->
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
+		<!-- <li class="placeholder"></li> -->
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
+		<!-- <li class="placeholder"></li> -->
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
+		<!-- <li class="placeholder"></li> -->
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
+		<!-- <li class="placeholder"></li> -->
 		<li></li>
 		<li></li>
 		<li></li>
diff --git a/Week 2.2 - Flexbox/1. Centering/index.html b/Week 2.2 - Flexbox/1. Centering/index.html
index 5283be49..89ae2f99 100644
--- a/Week 2.2 - Flexbox/1. Centering/index.html	
+++ b/Week 2.2 - Flexbox/1. Centering/index.html	
@@ -25,6 +25,9 @@
 			background-color: whitesmoke;
 			
 			/* Add to your code here to center the box within the container */
+			display: flex;
+			justify-content: center;
+			align-items: center;
 		}
 	</style>
 	
diff --git a/Week 2.2 - Flexbox/2. Placing Items/index.html b/Week 2.2 - Flexbox/2. Placing Items/index.html
index 986e0ee4..318fbdcf 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -28,6 +28,9 @@
 
 				The `.logo` and `.links` should also be center aligned with each other.
 			*/
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 		}
 	</style>
 	
diff --git a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html
index 9ff4f7e7..f220e714 100644
--- a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
+++ b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
@@ -25,6 +25,14 @@
 
 	<style>
 		/* Add your code here to position the "read more" links to the bottom of their respective cards */
+		.card {
+			display: flex;
+			flex-direction: column;
+		}
+
+		.card > .more {
+			margin-top: auto;
+		}
 	</style>
 	
 	<section class="cards">
diff --git a/Week 2.2 - Flexbox/4. Flexing/index.html b/Week 2.2 - Flexbox/4. Flexing/index.html
index 443de97c..ab9cbbfd 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -40,14 +40,21 @@
 	<style>
 		form {
 			/* Add any needed code here */
+			display: flex;
+			flex-wrap: wrap;
 		}
 		
 		form input {
 			/* All inputs should allowed to grow and shrink with a basis of 10ch */
+			flex-grow: 1;
+			flex-shrink: 1;
+			flex-basis: 10ch;
 		}
 
 		form [type="email"] {
 			/* This should grow 3 times faster than the other inputs with a basis of 30ch */
+			flex-grow: 3;
+			flex-basis: 30ch;
 		}
 	</style>
 
