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..85250336 100644
--- a/Week 1.1 - HTML/1. Build a Form/index.html	
+++ b/Week 1.1 - HTML/1. Build a Form/index.html	
@@ -7,7 +7,21 @@
 </head>
 <body>
 	
-	<!-- Add your code here -->
+	<form method="post" action="/login/">
+		<div>
+			<label for="email">Email</label>
+			<input name="email" aria-label="user email" id="email" type="email">
+		</div>
+
+		<div>
+			<label for="password">Password</label>
+			<input name="password" aria-label="user password" id="password" type="password">
+		</div>
+
+		<div>
+			<button aria-label="submit form" type="submit">Submit</button>
+		</div>
+	</form>
 
 </body>
 </html>
\ No newline at end of file
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..b0440b1a 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	
@@ -23,8 +23,13 @@
 	</style>
 </head>
 <body>
-	
-	<!-- Add your code here -->
+	<picture>
+		<source media="(min-width: 1800px)" srcset="https://placehold.co/2000x900">
+		<source media="(min-width: 1440px)" srcset="https://placehold.co/1600x720">
+		<source media="(min-width: 1024px)" srcset="https://placehold.co/1200x540">
+		<source media="(min-width: 640px)" srcset="https://placehold.co/800x360">
 
+		<img src="https://placehold.co/400x180" alt="Responsive image">
+	</picture>
 </body>
 </html>
\ No newline at end of file
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..6ddccc90 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	
@@ -23,8 +23,11 @@
 	</style>
 </head>
 <body>
-	
-	<!-- Add your code here -->
+	<picture>
+		<source media="(min-width: 1024px)" srcset="https://placehold.co/1600x720">
+		<source media="(min-width: 640px)" srcset="https://placehold.co/1200x900">
 
+		<img src="https://placehold.co/540x800" alt="Responsive image">
+	</picture>
 </body>
 </html>
\ No newline at end of file
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..186e5374 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,54 @@
 <!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 -->
+
+	<div class="main-content full-width">
+		<div class="titles-setion">
+			<span class="title">Phase 4:</h3>
+			<h1>Destination Thrive</h1>
+			<h3>Objective: Create onmi-channel synergy</h3>
+		</div>
+
+		<div class="main-section gap-25">
+			<div class="description">
+				<p>
+					Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus vero ad commodi corrupti
+					enim
+					aperiam ratione voluptates, veritatis, ullam earum totam doloribus cum a nobis tenetur reprehenderit
+					dolorum itaque amet.
+				</p>
+			</div>
+			<br>
+			<div class="focus">
+				<h3 class="strong">
+					Key Focus:
+				</h3>
+				<ul>
+					<li>Harvesting the demand created.....</li>
+					<li>Scale paid media and social efforts</li>
+					<li>Leverage your new audiences</li>
+					<li>Omni-Channel synergy</li>
+				</ul>
+			</div>
+			<div class="Time">
+				<h3 class="strong">
+					<!--not sure about the icon itself-->
+					Time <i class="fa fa-watch"></i>
+				</h3>
+				<div>
+					<p>approx. 24 months and beyond</p>
+				</div>
+			</div>
+		</div>
+	</div>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/Week 1.2 - CSS/1. Selectors - Attributes/index.html b/Week 1.2 - CSS/1. Selectors - Attributes/index.html
index 3d9c05b8..012bf5c2 100644
--- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
+++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
@@ -9,7 +9,7 @@
 	
 	<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 rebeccapurple; }
 	</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..3a43d88b 100644
--- a/Week 1.2 - CSS/2. Selectors - Children/index.html	
+++ b/Week 1.2 - CSS/2. Selectors - Children/index.html	
@@ -9,7 +9,7 @@
 	
 	<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..dc43bf60 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..5d0f3b20 100644
--- a/Week 1.2 - CSS/4. Inheritance and Systems/index.html	
+++ b/Week 1.2 - CSS/4. Inheritance and Systems/index.html	
@@ -8,14 +8,34 @@
 <body>
 	
 	<style>
-		/* Add your CSS here */
+		.btn {
+			border-radius: 4px;
+			padding: 12px 32px;
+			color: black;
+			background-color: #f5f5f5;
+			cursor: pointer;
+		}
+
+		.btn-primary {
+			background-color: #90CDF4;
+		}
+
+		.btn-link {
+			background-color: transparent;
+			text-decoration: underline;
+			border: none;
+		}
+
+		.btn-danger {
+			background-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">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..967934af 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -22,6 +22,13 @@
 			width: 100px;
 			height: 100px;
 			background-color: rebeccapurple;
+			transform: scale(1);
+			transition: all 160ms ease-in-out;
+
+		}
+		.box:hover {
+			transition: all 200ms ease-in-out;
+			transform: scale(2);
 		}
 	</style>
 
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..76c421ae 100644
--- a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html	
+++ b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html	
@@ -29,12 +29,13 @@
 			width: 100%;
 			height: 100%;
 			background-image: linear-gradient(to bottom, transparent, black);
+			pointer-events: none;
 		}
 	</style>
 	
 	<div class="container">
 		<a href="https://simpleviewinc.com" target="_blank" rel="noopener">
-			<img src="https://via.placeholder.com/800x360" alt="A placeholder image" />
+			<img src="https://placehold.co/800x360" alt="A placeholder image" />
 		</a>
 		<div class="overlay"></div>
 	</div>
diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html
index e74982a2..1b96151d 100644
--- a/Week 1.3 - JavaScript/1. Filter/index.html	
+++ b/Week 1.3 - JavaScript/1. Filter/index.html	
@@ -13,7 +13,7 @@
 		// Custom Code BEGIN 
 		// 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;
+		const endingArray = startingArray.filter(item => item % 2 === 0);
 
 		// Custom Code END
 
diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html
index 72fa39ee..02d508b7 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -13,7 +13,7 @@
 		// Custom Code BEGIN 
 		// 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;
+		const endingArray = startingArray.map(name => ({ name }));
 
 		// 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..dd47e6fb 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	
@@ -1,33 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Objects as a Map</title>
 </head>
+
 <body>
-	
-	<script>
-		const information = getInformation('date');
-		console.log(information);
 
+	<script>
 		// Rewrite this function to replace the if/else logic with a map lookup.
-		function getInformation(key) {
-			let rtn;
+		const info = {
+			date: 'October 6, 1986',
+			time: '21:13 PM',
+			mood: 'Powerful, spirited...'
+		}
 
-			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...';
-			}
+		const getInformation = (key) => info[key] ?? 'Error: Invalid option selected...';
 
-			return rtn;
-		}
+		console.log(getInformation('date'));
+		console.log(getInformation('time'));
+		console.log(getInformation('mood'));
+		console.log(getInformation('custom'));
 	</script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/Week 1.3 - JavaScript/4. Event Listeners/index.html b/Week 1.3 - JavaScript/4. Event Listeners/index.html
index d284e48f..bb88113c 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -12,6 +12,13 @@ <h1 data-counter>0</h1>
 	
 	<script>
 		const counterEl = document.querySelector('[data-counter]');
+		const btn = document.querySelector('button[data-action="increment-counter"]')
+		btn.addEventListener('click', (e) => {
+			e.stopPropagation();
+			e.preventDefault();
+
+			increment();
+		})
 		let counter = 0;
 
 		function increment() {
diff --git a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html
index ba0e04f2..289a4e45 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -23,7 +23,10 @@ <h2>More Jeff Goldblum</h2>
 	</main>
 
 	<script>
-		// Add you code here
+		const container = document.querySelector('.container');
+		const template = document.querySelector('script[type="text/template"]');
+
+		container.insertAdjacentHTML('afterend', template.innerHTML);
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..0b62553f 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -10,7 +10,15 @@
 	<ul class="movies"></ul>
 	
 	<script>
-		// Add your code here
+		// since provided api is not longer available, i'll be using pokeapi
+		async function fetchData() {
+			const movies = await fetch('https://pokeapi.co/api/v2/pokemon/'); 
+			const {results} = await movies.json();
+			const container = document.querySelector('.movies');
+			const listItems = results.reduce((acc, pokemon) => acc += `<li>${pokemon.name}</li>`, '');
+			container.innerHTML = listItems;
+		}
+		fetchData();
 	</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..5f965811 100644
--- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
+++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
@@ -28,55 +28,57 @@
 
 	<style>
 		.cards {
-			/* Add your code here */
+			/* missing display grid? */
+			display: grid;
+			grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
 		}
 	</style>
 	
 	<section class="cards">
 		<article class="card">
-			<img src="https://via.placeholder.com/300x240" alt="placeholder" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</h2>
 			<p>Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?</p>
 			<a class="more" href="#">Read More</a>
 		</article>
 		<article class="card">
-			<img src="https://via.placeholder.com/300x240" alt="placeholder" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</h2>
 			<p>Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.</p>
 			<a class="more" href="#">Read More</a>
 		</article>
 		<article class="card">
-			<img src="https://via.placeholder.com/300x240" alt="placeholder" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</h2>
 			<p>Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine?</p>
 			<a class="more" href="#">Read More</a>
 		</article>
 		<article class="card">
-			<img src="https://via.placeholder.com/300x240" alt="placeholder" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</h2>
 			<p>Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine?</p>
 			<a class="more" href="#">Read More</a>
 		</article>
 		<article class="card">
-			<img src="https://via.placeholder.com/300x240" alt="placeholder" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</h2>
 			<p>Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine?</p>
 			<a class="more" href="#">Read More</a>
 		</article>
 		<article class="card">
-			<img src="https://via.placeholder.com/300x240" alt="placeholder" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</h2>
 			<p>Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine?</p>
 			<a class="more" href="#">Read More</a>
 		</article>
 		<article class="card">
-			<img src="https://via.placeholder.com/300x240" alt="placeholder" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</h2>
 			<p>Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.</p>
 			<a class="more" href="#">Read More</a>
 		</article>
 		<article class="card">
-			<img src="https://via.placeholder.com/300x240" alt="placeholder" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</h2>
 			<p>Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?</p>
 			<a class="more" href="#">Read More</a>
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..0c69086c 100644
--- a/Week 2.1 - CSS Grid/2. Placing Items/index.html	
+++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html	
@@ -18,7 +18,10 @@
 <body>
 
 	<style>
-		/* Add your code here */
+		.channel {
+			grid-row: 1;
+			grid-column: 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..cb614c23 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	
@@ -48,7 +48,16 @@
 <body>
 	
 	<style>
-		/* Add your code here */
+		.letter:nth-child(1) { grid-row: 2; }
+		.letter:nth-child(2) { grid-row: 3; grid-column: 2; }
+		.letter:nth-child(3) { grid-row: 4; grid-column: 3; }
+		.letter:nth-child(4) { grid-row: 5; grid-column: 4; }
+		.letter:nth-child(5) { grid-row: 6; grid-column: 5; }
+		.letter:nth-child(6) { grid-row: 7; grid-column: 6; }
+		.letter {
+			position: sticky;
+			top: 0;
+		}
 	</style>
 
 	<div class="grid">
@@ -64,42 +73,37 @@
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
 		<li></li>
-		<li class="placeholder"></li>
+		<li></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..22cf989e 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 */
+
+			align-content: center;
+			justify-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..2d2dd57a 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -21,6 +21,9 @@
 			min-height: 100px;
 			box-shadow: 0px 3px 6px rgba(45, 35, 66, 0.102);
 			background-color: #fff;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
 			
 			/*
 				Add to your code here to place the `.logo` and `.links` on either
@@ -32,7 +35,7 @@
 	</style>
 	
 	<header class="navbar">
-		<img class="logo" src="https://via.placeholder.com/80" alt="logo" />
+		<img class="logo" src="https://placehold.co/80" alt="logo" />
 		<nav class="links">
 			<a href="#">Link 1</a>
 			<a href="#">Link 2</a>
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..e801637b 100644
--- a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
+++ b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
@@ -24,6 +24,14 @@
 <body>
 
 	<style>
+		.card {
+			display: flex;
+			flex-direction: column;
+		}
+		a.more {
+			flex: 1 1 auto;
+			align-content: end;
+		}
 		/* Add your code here to position the "read more" links to the bottom of their respective cards */
 	</style>
 	
diff --git a/Week 2.2 - Flexbox/4. Flexing/index.html b/Week 2.2 - Flexbox/4. Flexing/index.html
index 443de97c..29f083b2 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -39,14 +39,17 @@
 
 	<style>
 		form {
-			/* Add any needed code here */
+			display: flex;
+			flex-wrap: wrap;
 		}
 		
 		form input {
+			flex: 1 1 10ch;
 			/* All inputs should allowed to grow and shrink with a basis of 10ch */
 		}
 
 		form [type="email"] {
+			flex: 3 1 30ch;
 			/* This should grow 3 times faster than the other inputs with a basis of 30ch */
 		}
 	</style>
