diff --git a/Week 1.1 - HTML/1. Build a Form/README.md b/Week 1.1 - HTML/1. Build a Form/README.md
index 54a9fabf..ccba6ae8 100644
--- a/Week 1.1 - HTML/1. Build a Form/README.md	
+++ b/Week 1.1 - HTML/1. Build a Form/README.md	
@@ -1,12 +1,12 @@
 # Build a Form
 
 Build a form with the following specifications:
-- [ ] An input field to accept and validate emails
-- [ ] An input field to accept a password
-- [ ] A button to submit the form
-- [ ] The form submits to the a page at `/login/`
-- [ ] The form uses POST to submit the form data
+- [x ] An input field to accept and validate emails
+- [x ] An input field to accept a password
+- [x ] A button to submit the form
+- [x ] The form submits to the a page at `/login/`
+- [x ] The form uses POST to submit the form data
 - [ ] Form is accessible to a screen reader
-- [ ] Form is keyboard navigable
+- [x ] Form is keyboard navigable
 
 Build your form in designated area in the provided HTML file.
\ No newline at end of file
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..46f1a8e5 100644
--- a/Week 1.1 - HTML/1. Build a Form/index.html	
+++ b/Week 1.1 - HTML/1. Build a Form/index.html	
@@ -8,6 +8,13 @@
 <body>
 	
 	<!-- Add your code here -->
+	<form action="/login/" method="POST">
+		<label for="email">Email: </label>
+		<input name="email" id="email" type="email"><br>
+		<label for="password">Password: </label>
+		<input name="password" id="password" type="password"><br>
+		<button>Sign In</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..e276bfb3 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	
@@ -25,6 +25,15 @@
 <body>
 	
 	<!-- Add your code here -->
-
+	<picture>
+		<source media="(min-width:1800px)" srcset="https://via.placeholder.com/2000x900">
+		<source media="(min-width:1440px)" srcset="https://via.placeholder.com/1600x720">
+		<source media="(min-width:1024px)" srcset="https://via.placeholder.com/1200x540">
+		<source media="(min-width:640px)" srcset="https://via.placeholder.com/800x360">
+		<img src="https://via.placeholder.com/400x180" alt="" style="width:100%">
+	</picture>
+	
 </body>
-</html>
\ No newline at end of file
+</html>
+
+<!-- style="width:auto;" -->
\ 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..c9e7bb92 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	
@@ -25,6 +25,11 @@
 <body>
 	
 	<!-- Add your code here -->
+	<picture>
+		<source media="(min-width:1024px)" srcset="https://via.placeholder.com/1600x720">
+		<source media="(min-width:640px)" srcset="https://via.placeholder.com/1200x900">
+		<img src="https://via.placeholder.com/540x800" alt="" >
+	</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..ffd467ea 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	
@@ -8,6 +8,32 @@
 <body>
 	
 	<!-- Add your code here -->
+	<!-- Insert an <img> for the background-->
+	<!-- Insert an <aside> to house the carousel buttons-->
+	<div class="carousel-item">
+		<article>
+			<h3>Phase 4:</h3>
+			<h1>Destination Thrive</h1>
+			<h2>Objective: Create omni-channel synergy</h2>
+			<p>This is the time to fully leverage your heard work and thrive. During this
+				phase, attention should be given to create omni-channel synergy, syncing your
+				messagin and channels from top to bottom. Scale hi performing channels and fully 
+				harvest the demand 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>
+			<hr>
+			<h4>Key focus:</h4>
+			<ul>
+				<li>Harvesting the demand created by your content marketing effords</li>
+				<li>Scale paid media and social efforts</li>
+				<li>Leverage your new audiences</li>
+				<li>Omni-channel synergy</li>
+			</ul>
+			<h4>Time clock</h4> <!-- insert svg of clock instead of word clock-->
+			<p>approx. 24 months and beyond</p>
+		</article>
+	</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..3cebce6c 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..0127f15a 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,38 @@
 	
 	<style>
 		/* Add your CSS here */
+		button {
+			border-radius: 4px;
+			padding: 12px 32px;
+			color: black;
+		}
+
+		.btn-default {
+			background: #f5f5f5;
+		}
+
+		.btn-primary {
+			background: #90CDF4;
+		}
+
+		.btn-link {
+			background: none;
+			border: none;
+		}
+
+		.btn-danger {
+			background: #FEB2B2;
+			color: red;
+			font-weight: bold;
+			border: red solid;
+		}
 	</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">Default</button>
+	<button class="btn-primary">Primary</button>
+	<button class="btn-link">Link</button>
+	<button class="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..68477215 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -22,7 +22,15 @@
 			width: 100px;
 			height: 100px;
 			background-color: rebeccapurple;
+			transition-duration: 160ms;
 		}
+
+		.box:hover {
+			width: 200px;
+			height: 200px;
+			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..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..b2537489 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(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..91ccf0a2 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;
+		let endingArray = startingArray.map(item => ({name: item}));
 
 		// 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..18541103 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	
@@ -13,19 +13,15 @@
 
 		// Rewrite this function to replace the if/else logic with a map lookup.
 		function getInformation(key) {
-			let rtn;
+			const data = new Map();
 
-			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...';
-			}
+			data.set('date', 'October 6, 1986');
+			data.set('time', '21:13 PM');
+			data.set('mood', 'Powerful, spirited...');
+			console.log(data);
 
-			return rtn;
+			let rtn = data.has(key) ? data.get(key) : 'Error: Invalid option selected...'
+			return rtn
 		}
 	</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..6b041df9 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 buttonEl = document.querySelector('[data-action="increment-counter"]');
+		buttonEl.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..ef79aa59 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -24,6 +24,9 @@ <h2>More Jeff Goldblum</h2>
 
 	<script>
 		// Add you code here
+		const newText = document.querySelector('[type="text/template"]').innerHTML;
+		const containerEl = document.querySelector('.container')
+		containerEl.insertAdjacentHTML("beforeend", newText);
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..e23ce0a3 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -11,6 +11,27 @@
 	
 	<script>
 		// Add your code here
+		// Endpoint 'https://ghibliapi.herokuapp.com/films'
+		const moviesEl = document.querySelector('.movies');
+		const endpoint = 'https://ghibliapi.herokuapp.com/films'
+
+		fetch(endpoint)
+			.then(response => response.json())
+			.then(data => {
+				data.forEach(element => {
+					const newLi = 
+					`<li>
+						<h2 style="margin-bottom:0">${element.title}</h2><br>
+						<img src=${element.image} width="250" alt=""/>
+					</li>`; // I added more than just a simple li cause I wanted it to be more than a list
+					moviesEl.insertAdjacentHTML('beforeend', newLi)
+				});
+			})
+			.catch(err => {
+				console.log("Error: could not fetch."); 
+				console.log(err);
+			});
+
 	</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..ee7afc65 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..dfe30b90 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,14 @@
 
 	<style>
 		/* Add your code here */
+		.channel-cyan,
+		.channel-magenta,
+		.channel-yellow,
+		.channel-black {
+			grid-column: 1 / 2;
+			grid-row: 1 / 2;
+		}
+
 	</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..fc0b6d1a 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,42 @@
 	
 	<style>
 		/* Add your code here */
+		.letter-h {
+			grid-column: 1 / 2;
+			grid-row: 2 / 3;
+		}
+
+		.letter-e {
+			grid-column: 2 / 3;
+			grid-row: 3 / 4;
+		}
+
+		.letter-l {
+			grid-column: 3 / 4;
+			grid-row: 4 / 5;
+		}
+
+		.letter-l + .letter-l {
+			grid-column: 4 / 5;
+			grid-row: 5 / 6;
+		}
+
+		.letter-o {
+			grid-column: 5 / 6;
+			grid-row: 6 / 7;
+		}
+
+		.letter-\! {
+			grid-column: 6 / 7;
+			grid-row: 7 / 8;
+		}
+
+		.letter {
+			position: -webkit-sticky;
+			position: sticky;
+			top: 0;
+		}
+
 	</style>
 
 	<div class="grid">
@@ -64,42 +100,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..d26c33ab 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;
+		}
+		
+		.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..9a9a6b65 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-grow: 3;
 		}
 	</style>
 
diff --git a/login b/login
new file mode 100644
index 00000000..e69de29b
