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..23a486e0 100644
--- a/Week 1.1 - HTML/1. Build a Form/README.md	
+++ b/Week 1.1 - HTML/1. Build a Form/README.md	
@@ -7,6 +7,6 @@ Build a form with the following specifications:
 - [ ] The form submits to the a page at `/login/`
 - [ ] The form uses POST to submit the form data
 - [ ] Form is accessible to a screen reader
-- [ ] Form is keyboard navigable
+- [ ] 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..d91ebacf 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,19 @@
 <body>
 	
 	<!-- Add your code here -->
+	<div id="login-form" class="form-container">
+		<form action="/login/" method="POST" aria-label="Login Form">
+			
+			<label for="email">Email:</label>
+			<input type="email" id="email" name="email" required aria-required="true" aria-describedby="emailHelp">
+			<span id="emailHelp" class="sr-only">Please enter a valid email address.</span>
+
+			<label for="password">Password:</label>
+			<input type="password" id="password" name="password" required aria-required="true">
+
+			<button type="submit">Login</button>
+		</form>
+	</div>
 
 </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..8fc41718 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 -->
+	<!-- 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..f42f994a 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 srcset="https://placehold.co/1600x720" media="(min-width: 1024px)">
+		<source srcset="https://placehold.co/1200x900" media="(min-width: 640px)">
+		<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..e8b33b06 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	
@@ -9,5 +9,40 @@
 	
 	<!-- Add your code here -->
 
+	<nav id="nav-slider">
+		<ul>
+			<li>Phase 1: Title</li>
+			<li>Phase 2: Title</li>
+			<li>Phase 3: Title</li>
+			<li>Phase 4: Title </li>
+			<li>Phase 5: Title</li>
+			<li>Phase 6: Title</li>
+			<li>Phase 7: Title</li>
+			<li>Phase 8: Title</li>
+			<li>Phase 9: Title</li>
+			<li>Phase 10: Title</li>
+			<li class="selected">Phase 11: Title</li>
+			<li>Phase 12: Title</li>
+		</ul>
+	</nav>
+
+	<section id="slider-11">
+		<h2>Phase 4:</h2>
+		<h1>Destination Thrive</h1>
+		<h3>Objective: Create omni-channel synergy</h3>
+		<p>This is the time to fully leverage your hard work and timing. During this phase, attention should be given to creating omni-channel synergy by syncing your messaging and channels from top to bottom. This will help reinforce channels and fully harness the demand your top of funnel awareness campaigns have been creating. Use insights gained from prior testing, learnings, and what has worked well to do purposeful retargeting that also allows for incremental growth.</p>
+		</hr>
+		<h3>KEY FOCUS:</h3>
+			<ul>
+				<li>Harvesting the demand created by your content marketing efforts</li>
+				<li>Scale paid media and social efforts</li>
+				<li>Engage your new audiences</li>
+				<li>Omni-channel synergy</li>
+			</ul>
+
+		<h3><span>TIME:</span><span class="clock-icon"></span></h3>
+		<p>approx. 24 months and beyond</p>
+	</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..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..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..49dbbec1 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,36 @@
 	
 	<style>
 		/* Add your CSS here */
+		
+		button {
+			padding: 12px 32px;
+			border: none;
+			border-radius: 4px;
+			cursor: pointer;
+			/*font-size: 16px;*/
+			color: #000;
+		}
+		.default {
+			background-color: #f5f5f5
+;
+		}
+		.primary {
+			background-color: ##90CDF4;
+		}
+		.link {
+			background-color: transparent;
+		}
+		.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..ee2d7656 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -12,6 +12,14 @@
 			justify-content: center;
 			min-height: 100vh;
 		}
+		.box {
+			transition: transform 160ms ease;
+		}
+		.box:hover {
+			transform: scale(2);
+			transition: transform 200ms ease;
+		}
+
 	</style>
 </head>
 <body>
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..74d76c9a 100644
--- a/Week 1.3 - JavaScript/1. Filter/index.html	
+++ b/Week 1.3 - JavaScript/1. Filter/index.html	
@@ -13,11 +13,22 @@
 		// 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;
+		
+		//Old ES5
+		/*let endingArray = startingArray.filter(
+			function(number){
+				return number % 2 === 0;
+			}
+		);*/
 
+		//ES6
+		let endingArray = startingArray.filter(
+			number => number % 2 === 0
+		);
 		// Custom Code END
 
 		console.log(endingArray);
+		
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html
index 72fa39ee..7467ffa6 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -17,6 +17,10 @@
 
 		// Custom Code END
 
+		endingArray = startingArray.map (
+			arrayName => ({ name: arrayName })		
+		);
+
 		console.log(endingArray);
 	</script>
 
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..02243529 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,11 +8,12 @@
 <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.
-		function getInformation(key) {
+		/*function getInformation(key) {
 			let rtn;
 
 			if (key === 'date') {
@@ -26,8 +27,31 @@
 			}
 
 			return rtn;
+		}*/
+
+		//Option 1
+		const map = {
+				date: 'October 6, 1986',
+				time: '21:13 PM',
+				mood:'Powerful, spirited...',
+			};
+
+		const getInformation = function (key) {
+			return map[key] || 'Error: Invalid option selected...';
 		}
+
+		// Option 2. Arrow Functions. 
+		// This function should be placed on the bottom: const information = getInformation('date');
+		/*const getInformation = (key) => {	
+			return map[key] || 'Error: Invalid option selected...';
+		};*/
+
+		const information = getInformation('date');
+		console.log(information);
+
 	</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..b2f0d5a5 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -20,6 +20,9 @@ <h1 data-counter>0</h1>
 		}
 
 		// Add your code here to make clicking the button run the increment function
+		const button = document.querySelector('[data-action="increment-counter"]');
+		button.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..ad6d7ec3 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
+		let template = document.querySelector('script[type="text/template"]');
+		let templateContent = template.innerHTML;
+		let container = document.querySelector('.container');
+		container.insertAdjacentHTML('beforeend', templateContent);
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..c3d0cc09 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -10,7 +10,22 @@
 	<ul class="movies"></ul>
 	
 	<script>
-		// Add your code here
+		
+		// Fetch data from the Ghibli API
+		fetch('https://ghibliapi.vercel.app/films').then(response => response.json())
+		.then(films => {
+			const moviesList = document.querySelector('.movies');
+			films.forEach(film => {
+				const li = document.createElement('li');
+				li.textContent = film.title;
+				moviesList.appendChild(li);
+				console.log(film);
+				});
+			})
+			.catch(error => {
+			console.error('Error fetching films:', error);
+		});
+
 	</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..aaed4dcd 100644
--- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
+++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
@@ -17,6 +17,8 @@
 		}
 
 		.cards {
+			display: grid;
+			grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
 			gap: 16px;
 			margin: 0 auto;
 			padding: 0 20px;
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..1baa4bd6 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 {
+			grid-template-areas: "stack";
+		}
+		.photo > * {
+			grid-area: stack;
+		}
 	</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..5b54d07e 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,58 +48,83 @@
 <body>
 	
 	<style>
-		/* Add your code here */
+		/* Add your code here */	
+		.letter {
+			position: sticky;
+			top: 0;
+		}
+		.letter:first-child {
+			grid-column: 1;
+			grid-row: 2;
+		}
+		.letter:nth-child(2) {
+			grid-column: 2;
+			grid-row: 3;
+		}
+		.letter:nth-child(3) {
+			grid-column: 3;
+			grid-row: 4;
+		}
+		.letter:nth-child(4) {
+			grid-column: 4;
+			grid-row: 5;
+		}
+		.letter:nth-child(5) {
+			grid-column: 5;
+			grid-row: 6;
+		}
+
+		.letter:nth-child(6) {
+			grid-column: 6;
+			grid-row: 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-o">o</li>
-		<li class="letter letter-!">!</li>
+		
+		<li class="letter">h</li>
+		<li class="letter">e</li>
+		<li class="letter">l</li>
+		<li class="letter">l</li>
+		<li class="letter">o</li>
+		<li class="letter">!</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>
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..a910100e 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -27,7 +27,11 @@
 				side end of the `.navbar`.
 
 				The `.logo` and `.links` should also be center aligned with each other.
+				
 			*/
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
 		}
 	</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..c2bcf3d4 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,15 @@
 
 	<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;
+		}
+		.card .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..f7f96d74 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -39,15 +39,21 @@
 
 	<style>
 		form {
-			/* Add any needed code here */
+			/* Add any needed code here */	
+			display: flex;
+			flex-wrap: wrap;
+			gap: 0.5rem;
+			justify-content: center;
 		}
 		
 		form input {
 			/* All inputs should allowed to grow and shrink with a basis of 10ch */
+			flex: 1 1 10ch; 
 		}
 
 		form [type="email"] {
 			/* This should grow 3 times faster than the other inputs with a basis of 30ch */
+			flex: 3 1 30ch;
 		}
 	</style>
 
