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..77315149 100644
--- a/Week 1.1 - HTML/1. Build a Form/index.html	
+++ b/Week 1.1 - HTML/1. Build a Form/index.html	
@@ -9,5 +9,16 @@
 	
 	<!-- Add your code here -->
 
+	<form action="/login/" method="POST">
+		<label for="email">Email Address:</label>
+		<input type="email" name="Email">
+
+		<label for="password">Password:</label>
+		<input type="password" name="Password" id="">
+
+		<label for="submit">Login</label>
+		<input type="submit">
+	</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..fff3a3cb 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 
+		srcset="https://via.placeholder.com/2000x900 2000w, https://via.placeholder.com/1600x720 1600w, https://via.placeholder.com/1200x540 1200w, https://via.placeholder.com/800x360 800w, https://via.placeholder.com/400x180 400w"
+			sizes="(min-width: 1800px) 2000px,
+				(min-width: 1440px) 1600px,
+				(min-width: 1024px) 1200px,
+				(min-width: 640px) 800px"
+		src="https://via.placeholder.com/400x180" alt="placeholder image"
+		/>
 
 </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..76a31cbe 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	
@@ -24,7 +24,12 @@
 </head>
 <body>
 	
-	<!-- Add your code here -->
+	<img 
+	srcset="https://via.placeholder.com/1600x720 1600w, https://via.placeholder.com/1200x900 1200w"
+		sizes="(min-width: 1024px) 1600px,
+			(min-width: 640px) 1200px"
+	src="https://via.placeholder.com/540x800" alt="placeholder image"
+	/>
 
 </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..193305f4 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,51 @@
 	<title>Mock Up a Design</title>
 </head>
 <body>
+
+	<div id="scrollIndicator">
+		<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 class="active"><a href="#phase4"></a></li>
+			<li><a href="#"></a></li>
+
+		</ul>
+	</div>
+
+	<!--content between top of page and phase 4 section-->
 	
-	<!-- Add your code here -->
+	<section id="phase4">
+		<div id="sectionHeader">
+			<h4>Phase 4</h4>
+			<h2>Destination Thrive</h2>
+			<h5>Objective: Create omni-channel synergy</h5>
+		</div>
+
+		<div>
+			<p>This is the time to fully leverage your hard work and thrive. During this phase, attention should be given to creating omni-channel synergy, syncing your messaging and channels from top to bottom. Scale high performing channels and fully harvest the demand for your top of funnel awareness campaigns have been creating. Use insights gained from your contact lists, data, and web analytics to do prospecting and build look-a-like audiences for incremental growth.</p>
+			<h6>Key Focus:</h6>
+			<p>
+				<ul>
+					<li>Harvesting the demaand 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>
+			</p>
+			<h6>Time</h6> 
+			<img src="" alt="clock illustration">
+			<p>approx. 24 months and beyond</p>
+		</div>
+
+	</section>
 
 </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..db9820e6 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..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..d98123cf 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 */
+		/*global button styling*/
+		button {
+			border-radius: 4px;
+			padding: 12px 32px;
+			color: black;
+		}
+
+		.default {
+			background-color: #f5f5f5;
+		}
+
+		.primary {
+			background-color: #90CDF4;
+		}
+
+		.link {
+			background-color: transparent;
+			border: none;
+		}
+
+		.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="default">Default</button>
+	<button class="primary">Primary</button>
+	<button class="link">Link</button>
+	<button class="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..441fca13 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;
+			transition: 160ms;
+		}
+
+		.box:hover {
+			width: 200px;
+			height: 200px;
+			transition: height 200ms;
 		}
 	</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..14c2a661 100644
--- a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html	
+++ b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html	
@@ -22,6 +22,7 @@
 	<style>
 		/* Add 1 line to the CSS below to make the link clickable without changing the design */
 		.overlay {
+			pointer-events: none;
 			position: absolute;
 			z-index: 1;
 			top: 0;
diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html
index e74982a2..f83d9e02 100644
--- a/Week 1.3 - JavaScript/1. Filter/index.html	
+++ b/Week 1.3 - JavaScript/1. Filter/index.html	
@@ -9,11 +9,22 @@
 	
 	<script>
 		const startingArray = [1,2,3,4,5,6,7,8,9,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;
+
+		let endingArray = [];
+		
+		numberSorter()
+
+		function numberSorter() {
+			for(var x=0; x<=startingArray.length; x++) {
+				if(x % 2 == 0) {
+					endingArray.push(x)
+				}
+			}
+		}
 
 		// 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..20327f8f 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -15,6 +15,10 @@
 		// You must store your new array in the `endingArray` variable for it to log out properly.
 		let endingArray;
 
+		endingArray = startingArray.map(function(item){
+			return {"name":item};
+		})
+
 		// Custom Code END
 
 		console.log(endingArray);
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..16a1d933 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,21 +12,30 @@
 		console.log(information);
 
 		// Rewrite this function to replace the if/else logic with a map lookup.
-		function getInformation(key) {
-			let rtn;
+		 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...';
+			var dataTable = {
+				date: 'October 6, 1986',
+				time: '21:13 PM',
+				mood: 'Powerful, spirited...'
 			}
 
-			return 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;
+			return dataTable[key] || 'Error: Invalid operation selected...'
+		 }
+
+
 	</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..6eddcb7e 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -20,6 +20,10 @@ <h1 data-counter>0</h1>
 		}
 
 		// Add your code here to make clicking the button run the increment function
+
+		var myButton = document.querySelector('[data-action]')
+
+		myButton.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..d26ac1e4 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
+		var text = document.querySelector('[type="text/template"]').innerHTML;
+
+		var paragraph = document.querySelector('.container');
+
+		paragraph.innerHTML += text;
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..8f54facd 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -11,6 +11,11 @@
 	
 	<script>
 		// Add your code here
+		fetch('https://ghibliapi.herokuapp.com')
+			.then((response) => response.json())
+			.then((data) =>console.log(data))
+
+			//API seems to be down
 	</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..84066445 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,9 @@
 	<style>
 		.cards {
 			/* Add your code here */
+			/*grid display hasnt been declared anywhere else, declaring grid and min width dont make any changes, everything stays on an individual row anyway. */
+			display: grid;
+			min-width: 280px;
 		}
 	</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..79be30db 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-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..12ca7661 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	
@@ -49,6 +49,36 @@
 	
 	<style>
 		/* Add your code here */
+
+		.letter-h {
+			grid-column: 1;
+			grid-row: 2;
+		}
+
+		.letter-e {
+			grid-column: 2;
+			grid-row: 3;
+		}
+
+		.letter-l:nth-of-type(3) {
+			grid-column: 3;
+			grid-row: 4;
+		}
+
+		.letter-l:nth-of-type(4) {
+			grid-column: 4;
+			grid-row: 5;
+		}
+
+		.letter-o {
+			grid-column: 5;
+			grid-row: 6;
+		}
+
+		 .letter {
+			position: sticky;
+			top:0;
+		} 
 	</style>
 
 	<div class="grid">
@@ -64,42 +94,36 @@
 		<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>
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..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..3f57c1d1 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,16 @@
 
 	<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..03eef341 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -40,14 +40,18 @@
 	<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: 10;
 		}
 
 		form [type="email"] {
 			/* This should grow 3 times faster than the other inputs with a basis of 30ch */
+			flex-grow: 30;
 		}
 	</style>
 
