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..fa51a107 100644
--- a/Week 1.1 - HTML/1. Build a Form/index.html	
+++ b/Week 1.1 - HTML/1. Build a Form/index.html	
@@ -4,10 +4,68 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Build a Form</title>
+	<style>
+		body {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-items: center;
+			height: 100vh;
+			margin: 0;
+			background-color: #f4f4f4;
+		}
+		form {
+			background: white;
+			padding: 20px;
+			border-radius: 5px;
+			width: 300px;
+			text-align: center;
+		}
+		fieldset {
+			border: none;
+		}
+		label {
+			display: block;
+			padding: 8px;
+			margin-bottom: 10px;
+		}
+		input {
+			margin-bottom: 30px;
+		}
+		button {
+			width: 75px;
+			padding: 8px;
+			margin: 0 auto;
+			background: green;
+			color: white;
+			border-radius: 4px;
+			cursor: pointer;
+			display: block;
+		}
+	</style>
 </head>
 <body>
+
+	<div id="title">
+		<h1>Emilio's Form</h1>
+	</div>
 	
-	<!-- Add your code here -->
+	<form action="/login/" method="POST" for="login-form">
+		<fieldset>
+		<!--Email field-->	
+			<label for="email">Email:</label>
+			<input type="email" id="email" name="email" required placeholder="Enter your email">
+		<!--Email field Ends-->	
+
+		<!--Password field-->
+			<label for="password">Password:</label>
+			<input type="password" id="password" name="password" required placeholder="Enter your password">
+		<!--Password field Ends-->
 
+		<!--Submit Button-->
+			<button type="submit">Submit</button>
+		<!--Submit Button Ends-->
+		</fieldset>
+	</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..a63ca26c 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,13 @@
 </head>
 <body>
 	
-	<!-- Add your code here -->
+	<picture>
+		<source srcset="https://placehold.co/2000x900" media="(min-width: 1800px)">
+		<source srcset="https://placehold.co/1600x720" media="(min-width: 1440px)">
+		<source srcset="https://placehold.co/1200x540" media="(min-width: 1024px)">
+		<source srcset="https://placehold.co/800x360" media="(min-width: 640px)">
+		<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..c6d9d45a 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,11 @@
 </head>
 <body>
 	
-	<!-- Add your code here -->
+	<picture>
+		<source media="(min-width: 1024px)" srcset="https://placehold.co/1600x720" />
+		<source media="(min-width: 640px) and (max-width: 1023px)" 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..57f79adc 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	
@@ -7,7 +7,48 @@
 </head>
 <body>
 	
-	<!-- Add your code here -->
+	<div class="main-container">
+		<nav class="sidebar-memu">
+			<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="#"></a></li>
+				<li><a href="#"></a></li>
+			</ul>
+		</nav>
+
+		<div class="content-wrapper">
+			<section class="section-content">
+				<h1>Phase 4:</h1>
+				<h2>Destination Thrive</h2>
+				<h3>Objetive: Create omni-channel synergy</h3>
+				<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 channes from top to bottom. Scale high performing channels and fully harvest the demand your top of funnel awareness campaings have been creating. Use insights gained from your contact list, data, and web analytics to do prospecting and build look-a-like audiences for incremental growth.</p>
+			</section>
+		
+			<section class="section-content">			
+				<h2>Key Focus</h2>
+					<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>
+			</section>
+			
+			<section class="section-content">			
+				<h2>Time</h2>
+				<p>approx. 24 months and beyond</p>
+			</section>
+		</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..d8bd5e23 100644
--- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
+++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
@@ -8,8 +8,9 @@
 <body>
 	
 	<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..9666b3e2 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,40 @@
 <body>
 	
 	<style>
-		/* Add your CSS here */
+		button {
+			border-radius: 4px;
+			padding: 12px 32px;
+			color: black;
+			border: none;
+			cursor: pointer;
+			font-size: 16px;
+		}
+
+		.button-default {
+			background-color: #f5f5f5;
+		}
+
+		.button-primary {
+			background-color: #90CDF4;
+		}
+
+		.button-link {
+			background-color: transparent;
+			text-decoration: underline;
+			border: none;
+			cursor: pointer;
+		}
+
+		.button-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="button-default">Default</button>
+	<button class="button-primary">Primary</button>
+	<button class="button-link">Link</button>
+	<button class="button-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..3912b73c 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -22,6 +22,14 @@
 			width: 100px;
 			height: 100px;
 			background-color: rebeccapurple;
+			transition: transform 200ms ease-in-out;
+		}
+		.box:hover {
+			transform: scale(2);
+			transition-duration: 200ms;
+		}
+		.box:not(:hover) {
+			transition-duration: 160ms;
 		}
 	</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..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..e89115a9 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..59ef07b0 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -10,10 +10,7 @@
 	<script>
 		const startingArray = ['Sergio', 'Keve', 'Kam', 'Bree', 'Blake'];
 
-		// 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(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..58105b92 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,21 @@
 <body>
 	
 	<script>
-		const information = getInformation('date');
+		const information = getInformation('mood');
 		console.log(information);
 
 		// Rewrite this function to replace the if/else logic with a map lookup.
-		function getInformation(key) {
-			let rtn;
+		
+			function getInformation(key) {
+				const mapInfo = {
+					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...';
+				return mapInfo[key]  || 'Error invalid option selected';
 			}
-
-			return rtn;
-		}
+		
 	</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..8301c2ab 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -19,7 +19,7 @@ <h1 data-counter>0</h1>
 			counterEl.innerText = counter;
 		}
 
-		// Add your code here to make clicking the button run the increment function
+		document.querySelector('[data-action="increment-counter"]').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..6ef91f1b 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -14,6 +14,7 @@ <h2>Hello, world!</h2>
 		</section>
 	</script>
 
+
 	<main class="container">
 		<h1>Lorem Ipsum Dolor Sit Amet</h1>
 		<section>
@@ -23,7 +24,10 @@ <h2>More Jeff Goldblum</h2>
 	</main>
 
 	<script>
-		// Add you code here
+		let template = document.querySelector('script[type="text/template"]').innerHTML;
+		let container = document.querySelector('.container');
+
+		container.insertAdjacentHTML('beforeend', template);
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..f02a93b7 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -10,7 +10,23 @@
 	<ul class="movies"></ul>
 	
 	<script>
-		// Add your code here
+		async function catchMovies() {
+			try {
+				const response = await fetch('https://ghibliapi.vercel.app/films');
+				const movies = await response.json();
+
+				const allMovies = document.querySelector(".movies");
+				movies.forEach(movie => {
+					const list = document.createElement("li");
+					list.textContent = movie.title;
+					allMovies.appendChild(list);
+				});
+			} catch (error){
+				console.error("something went wrong",error);
+			}
+		}
+
+		catchMovies();
 	</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..ad583250 100644
--- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
+++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
@@ -28,7 +28,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..95dbba50 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,12 @@
 <body>
 
 	<style>
-		/* Add your code here */
+		.photo img{
+			position: absolute;
+			top: 0;
+			left:0;
+			object-fit: cover;
+		}
 	</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..1b7c2522 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,8 +33,6 @@
 		}
 
 		.letter {
-			grid-column: 1;
-			grid-row: 1;
 			border-color: tomato;
 			background-color: lightcoral;
 		}
@@ -48,16 +46,27 @@
 <body>
 	
 	<style>
-		/* Add your code here */
+		.letter-h {	grid-column: 1; grid-row:1;	}
+		.letter-e {	grid-column: 2; grid-row:2;	}
+		.letter-l1 {	grid-column: 3; grid-row:3;	}
+		.letter-l2 {	grid-column: 4; grid-row:4;	}
+		.letter-o {	grid-column: 5; grid-row:5;	}
+		.letter-sp { grid-column: 6; grid-row:6; }
+
+		.letter {
+			position: sticky;
+			top: 0;
+		}
+
 	</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-l1">l</li>
+		<li class="letter letter-l2">l</li>
 		<li class="letter letter-o">o</li>
-		<li class="letter letter-!">!</li>
+		<li class="letter letter-sp">!</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..69ae250a 100644
--- a/Week 2.2 - Flexbox/1. Centering/index.html	
+++ b/Week 2.2 - Flexbox/1. Centering/index.html	
@@ -24,7 +24,9 @@
 			border-radius: 4px;;
 			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..8bd2e987 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -22,12 +22,9 @@
 			box-shadow: 0px 3px 6px rgba(45, 35, 66, 0.102);
 			background-color: #fff;
 			
-			/*
-				Add to your code here to place the `.logo` and `.links` on either
-				side end of the `.navbar`.
-
-				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..d06e44a5 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,16 @@
 <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;
+			justify-content: space-between;
+			height: 100%;
+		}
+		.more {
+			margin-top: auto;
+			align-self: flex-start;
+		}
 	</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..53e55f05 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -15,6 +15,9 @@
 			align-items: center;
 			min-height: 100vh;
 			font-family: sans-serif;
+			margin: 0;
+			padding: 0;
+			justify-content: center;
 		}
 
 		form input {
@@ -39,16 +42,31 @@
 
 	<style>
 		form {
-			/* Add any needed code here */
+			display: flex;
+			gap: 1rem;
+			justify-content: center;
+			width: 100%;
+			max-width: 600px;
+			padding: 1rem;
+			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;
+			padding: .75rem 1rem;
+			border: none;
+			background: hsl(0, 0%, 93%);
+			border-radius: 25rem;
+			margin-bottom: 1rem;
 		}
 
 		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>
 
 	<form>
