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..cc3a15fc 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,13 @@
 </head>
 <body>
 	
-	<!-- Add your code here -->
+	<form action="/login/" method="post">
+		<label>Email
+		<input name="emailInput" type="text"></label>
+		<p><label>Password
+		<input name="passwordInput" type="text"></label>
+		<p><button>Submit</button>
+	</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..71a7e910 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	
@@ -24,7 +24,14 @@
 </head>
 <body>
 	
-	<!-- Add your code here -->
+	<img src="https://via.placeholder.com/400x180" 
+	alt="a light gray box with dark gray dynamic text that displays the current resolution of the image" 
+	srcset="https://via.placeholder.com/400x180 600px,
+			https://via.placeholder.com/800x360 900px,
+			https://via.placeholder.com/1200x540 1200px, 
+			https://via.placeholder.com/1600x720 1800px, 
+			https://via.placeholder.com/2000x900 2400px"
+	/>
 
 </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..ef7e5cd8 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 srcset="https://via.placeholder.com/540x800 540w,
+		https://via.placeholder.com/1200x900 1200w,
+		https://via.placeholder.com/1600x720 1600w" media="(min-width: 600px)" />
+		<img src="https://via.placeholder.com/540x800" alt="a light gray box with dark gray dynamic text that displays the current resolution of the image" width="540" height="800"/>
+	</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..178ebac5 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	
@@ -6,8 +6,24 @@
 	<title>Mock Up a Design</title>
 </head>
 <body>
-	
-	<!-- Add your code here -->
-
+	<nav>
+		<!-- The circles on the left appear to be for navigation -->
+	</nav>
+	<article>
+		<h2>Phase 4:</h2>
+		<h1>Destination Thrive</h1>
+		<h3>Objective: Create omni-channel synergy</h3>
+		<p>copy goes here</p>
+		<hr>
+		<h4>KEY FOCUS:</h4>
+		<ul>
+			<li>Harvesting</li>
+			<li>Scale</li>
+			<li>Leverage</li>
+			<li>Omni-</li>
+		</ul>
+		<p><h4>TIME</h4></p>
+		approx. 24 months and beyond
+	</article>
 </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..d85854ca 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..36cf1b96 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..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..3045dc93 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,36 @@
 <body>
 	
 	<style>
-		/* Add your CSS here */
+		button {
+			border-radius: 4px;
+			padding: 12px 32px;
+		}
+
+		.primaryBtn {
+			background-color: #90CDF4;
+		}
+
+		.linkBtn {
+			background-color: transparent;
+			opacity: .33;
+		}
+
+		.uhohBtn {
+			background-color: #FEB2B2;
+			
+		}
+
+		.uhohBtn:hover {
+			border-width: 10px;
+			background-color: red;
+		}
 	</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="primaryBtn">Primary</button>
+	<button class="linkBtn">Link</button>
+	<button class="uhohBtn">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..527d9e86 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -22,7 +22,14 @@
 			width: 100px;
 			height: 100px;
 			background-color: rebeccapurple;
+			transition: transform 160ms ease-in;
 		}
+		
+		.box:hover {
+			transform: scale(2);
+			transition: transform 200ms ease-out;
+		}
+
 	</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..93c97a3b 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;
+		let endingArray = startingArray.filter((num) => num % 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..f538510d 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -13,7 +13,10 @@
 		// 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(function(value) {
+			return {name: value};
+		})
 
 		// 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..8186532e 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	
@@ -8,25 +8,45 @@
 <body>
 	
 	<script>
-		const information = getInformation('date');
-		console.log(information);
+		// const information = getInformation('date');
+		// console.log(information);
 
-		// Rewrite this function to replace the if/else logic with a map lookup.
+		// // 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...';
+		// 			}
+
+		// 			return rtn;
+		// 		}
+
+
+		const obj = {
+			date: 'October 6, 1986',
+			time: '21:13 PM',
+			mood: 'Powerful, spirited...',
+		}
+
+		const infoObject = new Map(Object.entries(obj));
+		
 		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...';
+			if (infoObject.get(key) === undefined) {
+				return 'Error: Invalid option selected...'
 			} else {
-				rtn = 'Error: Invalid option selected...';
+			return infoObject.get(key);
 			}
-
-			return rtn;
 		}
+
+		console.log(getInformation('date'));
+
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/4. Event Listeners/index.html b/Week 1.3 - JavaScript/4. Event Listeners/index.html
index d284e48f..1950a763 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -8,7 +8,10 @@
 <body>
 	
 	<h1 data-counter>0</h1>
-	<button data-action="increment-counter">+1</button>
+	<button data-action="increment-counter" id="incBtn">+1</button>
+
+	<!-- The below solution also works without needing to bring in an event listener. -->
+	<!-- <button data-action="increment-counter" onclick="increment()">+1</button> -->
 	
 	<script>
 		const counterEl = document.querySelector('[data-counter]');
@@ -20,6 +23,9 @@ <h1 data-counter>0</h1>
 		}
 
 		// Add your code here to make clicking the button run the increment function
+
+		document.getElementById('incBtn').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..d79986aa 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -24,6 +24,12 @@ <h2>More Jeff Goldblum</h2>
 
 	<script>
 		// Add you code here
+		const insertText = document.querySelector('script').innerHTML; 
+
+		const mainText = document.querySelector('.container');
+
+		mainText.insertAdjacentHTML('beforeend',insertText)
+
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..515a2f84 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -11,6 +11,26 @@
 	
 	<script>
 		// Add your code here
+		function handleError(err) {
+			console.log('Whoops-a-daisy');
+			console.log(err);
+		}
+
+		const baseEndpoint = 'https://swapi.dev/api/films/';
+
+		// Basic working format
+		const viewFilms = fetch(baseEndpoint);
+
+		viewFilms.then(res => 
+			res.json()
+		).then(data => {
+			const dataArr = data.results;
+			dataArr.forEach(elem => {
+				const filmItem = `<li>${elem.title}</li>`;
+				document.querySelector('.movies').innerHTML += filmItem;
+			})
+		}).catch(handleError);
+
 	</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..f58fba24 100644
--- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
+++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
@@ -29,55 +29,57 @@
 	<style>
 		.cards {
 			/* Add your code here */
+			display: grid;
+			grid-template-columns: repeat( auto-fit, minmax(280px, 1fr));
 		}
 	</style>
 	
 	<section class="cards">
 		<article class="card">
 			<img src="https://via.placeholder.com/300x240" alt="placeholder" />
-			<h2>Lorem Ipsum Dolor</h2>
+			<h2>Lorem Ipsum Dolor1</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" />
-			<h2>Lorem Ipsum Dolor</h2>
+			<h2>Lorem Ipsum Dolor2</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" />
-			<h2>Lorem Ipsum Dolor</h2>
+			<h2>Lorem Ipsum Dolor3</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" />
-			<h2>Lorem Ipsum Dolor</h2>
+			<h2>Lorem Ipsum Dolor4</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" />
-			<h2>Lorem Ipsum Dolor</h2>
+			<h2>Lorem Ipsum Dolor5</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" />
-			<h2>Lorem Ipsum Dolor</h2>
+			<h2>Lorem Ipsum Dolor6</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" />
-			<h2>Lorem Ipsum Dolor</h2>
+			<h2>Lorem Ipsum Dolor7</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" />
-			<h2>Lorem Ipsum Dolor</h2>
+			<h2>Lorem Ipsum Dolor8</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>
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..8854f027 100644
--- a/Week 2.1 - CSS Grid/2. Placing Items/index.html	
+++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html	
@@ -12,13 +12,18 @@
 			max-width: 800px;
 		}
 
-		.photo > * { mix-blend-mode: multiply; }
+		.photo > * { 
+			mix-blend-mode: multiply; 
+		}
 	</style>
 </head>
 <body>
 
 	<style>
 		/* Add your code here */
+		.photo > * {
+			grid-area: 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..b3d9a0b3 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	
@@ -43,63 +43,97 @@
 			border-color: mediumslateblue;
 			background-color: lightcyan;
 		}
+
 	</style>
 </head>
 <body>
 	
 	<style>
 		/* Add your code here */
+
+		.letter {
+			/*I saw it mentioned that Safari requires the position be set at -webkit-sticky, so even though you and I are using chrome I thought it best practice to put both.*/
+			position: -webkit-sticky;
+			position: sticky;
+			top: 0;
+		}
+
+		.letter-h {
+			grid-column-start: 1;
+			grid-row-start: 2;
+		}
+		
+		.letter-e {
+			grid-column-start: 2;
+			grid-row-start: 3;
+		}
+
+		.letter-l {
+			grid-column-start: 3;
+			grid-row-start: 4;
+		}
+		
+		.letter-ll {
+			grid-column-start: 4;
+			grid-row-start: 5;
+		}
+
+		.letter-o {
+			grid-column-start: 5;
+			grid-row-start: 6;
+		}
+
+		.letter-x {
+			grid-column-start: 6;
+			grid-row-start: 7;
+		}
+
 	</style>
 
 	<div class="grid">
 		<li class="letter letter-h">h</li>
 		<li class="letter letter-e">e</li>
 		<li class="letter letter-l">l</li>
-		<li class="letter letter-l">l</li>
+		<li class="letter letter-ll">l</li>
 		<li class="letter letter-o">o</li>
-		<li class="letter letter-!">!</li>
+		<li class="letter letter-x">!</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>
 		<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..9481a501 100644
--- a/Week 2.2 - Flexbox/1. Centering/index.html	
+++ b/Week 2.2 - Flexbox/1. Centering/index.html	
@@ -25,6 +25,10 @@
 			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..35b3e427 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -28,6 +28,10 @@
 
 				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..f083486f 100644
--- a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
+++ b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
@@ -24,7 +24,14 @@
 <body>
 
 	<style>
-		/* Add your code here to position the "read more" links to the bottom of their respective cards */
+		.card {
+			display: flex;
+			flex-direction: column;
+		}
+
+		.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..5bd6251c 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -40,14 +40,20 @@
 	<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-basis: 10ch;
+			flex-grow: 1;
 		}
 
 		form [type="email"] {
 			/* This should grow 3 times faster than the other inputs with a basis of 30ch */
+			flex-basis: 30ch;
 		}
 	</style>
 
