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..a685b07f 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,18 @@
 <body>
 	
 	<!-- Add your code here -->
+	<h2>Welcome</h2>
+	<form action="/login/" method="post">
+		<label for="email">Email:</label>
+		<input type="email" id="email" name="email" required aria-required="true" aria-label="Enter your email address">
+		<br><br>
+
+		<label for="password">Password:</label>
+		<input type="password" id="password" name="password" required aria-required="true" aria-label="Enter your password">
+		<br><br>
+
+		<button type="submit">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..445cabe8 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,13 @@
 <body>
 	
 	<!-- Add your code here -->
+	<picture>
+		<source media="(min-width: 1800px)" srcset="https://placehold.co/2000x900">
+		<source media="(min-width: 1440px)" srcset="https://placehold.co/1600x720">
+		<source media="(min-width: 1024px)" srcset="https://placehold.co/1200x540">
+		<source media="(min-width: 640px)" srcset="https://placehold.co/800x360">
+		<img src="https://placehold.co/400x180" alt="Responsive image" style="width:100%;">
+	</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..a307b478 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,10 @@
 <body>
 	
 	<!-- Add your code here -->
-
+	<picture>
+		<source media="(min-width: 1024px)" srcset="https://placehold.co/1600x720">
+		<source media="(min-width: 640px)" srcset="https://placehold.co/1200x900">
+		<img src="https://placehold.co/540x800" alt="Responsive image" style="width:100%;">
+	</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..05bb2765 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,117 @@
 <body>
 	
 	<!-- Add your code here -->
-
+	<div class="slider">
+		<!-- Slide 1 -->
+		<div class="slide" style="background-image: url('image1.jpg');">
+			<div class="slide-content">
+				<h2>Slide 1</h2>
+				<p>Description for Slide 1</p>
+			</div>
+		</div>
+	
+		<!-- Slide 2 -->
+		<div class="slide" style="background-image: url('image2.jpg');">
+			<div class="slide-content">
+				<h2>Slide 2</h2>
+				<p>Description for Slide 2</p>
+			</div>
+		</div>
+	
+		<!-- Slide 3 -->
+		<div class="slide" style="background-image: url('image3.jpg');">
+			<div class="slide-content">
+				<h2>Slide 3</h2>
+				<p>Description for Slide 3</p>
+			</div>
+		</div>
+	
+		<!-- Slide 4 -->
+		<div class="slide" style="background-image: url('image4.jpg');">
+			<div class="slide-content">
+				<h2>Slide 4</h2>
+				<p>Description for Slide 4</p>
+			</div>
+		</div>
+	
+		<!-- Slide 5 -->
+		<div class="slide" style="background-image: url('image5.jpg');">
+			<div class="slide-content">
+				<h2>Slide 5</h2>
+				<p>Description for Slide 5</p>
+			</div>
+		</div>
+	
+		<!-- Slide 6 -->
+		<div class="slide" style="background-image: url('image6.jpg');">
+			<div class="slide-content">
+				<h2>Slide 6</h2>
+				<p>Description for Slide 6</p>
+			</div>
+		</div>
+	
+		<!-- Slide 7 -->
+		<div class="slide" style="background-image: url('image7.jpg');">
+			<div class="slide-content">
+				<h2>Slide 7</h2>
+				<p>Description for Slide 7</p>
+			</div>
+		</div>
+	
+		<!-- Slide 8 -->
+		<div class="slide" style="background-image: url('image8.jpg');">
+			<div class="slide-content">
+				<h2>Slide 8</h2>
+				<p>Description for Slide 8</p>
+			</div>
+		</div>
+	
+		<!-- Slide 9 -->
+		<div class="slide" style="background-image: url('image9.jpg');">
+			<div class="slide-content">
+				<h2>Slide 9</h2>
+				<p>Description for Slide 9</p>
+			</div>
+		</div>
+	
+		<!-- Slide 10 -->
+		<div class="slide" style="background-image: url('image10.jpg');">
+			<div class="slide-content">
+				<h2>Slide 10</h2>
+				<p>Description for Slide 10</p>
+			</div>
+		</div>
+	
+		<!-- Slide 11 -->
+		<div class="slide" style="background-image: url('https://placehold.co/1024x720');">
+			<div class="slide-content">
+				<h1><strong>Phase 4:</strong></h1>
+				<h2>Destination Thrive</h2>
+				<h3>Objective: Create omni-channel synergy</h3>
+				<p>This is the time to fully leverage your hard work and thrive. During this<br>
+					phase, attention should be given to creating omni-channel synergy,<br>
+					syncing your messaging and channels from top to bottom.</p>
+				<hr>
+				<h4><strong>Key Focus:</strong></h4>
+				<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>Omin-channel synergy</li>
+				</ul>
+	  
+				<h4><strong>Time</strong> <span class="clock-icon"></span></h4>
+				<p>aprox. 24 months and beyond</p>
+			</div>  
+		</div>
+	
+		<!-- Slide 12 -->
+		<div class="slide" style="background-image: url('image12.jpg');">
+			<div class="slide-content">
+				<h2>Slide 12</h2>
+				<p>Description for Slide 12</p>
+			</div>
+		</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..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..80afa93e 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..1f96a888 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,33 @@
 	
 	<style>
 		/* Add your CSS here */
+		button {
+			padding: 12px 32px;
+			color: #000;
+			background-color: #f5f5f5;
+			border-radius: 4px;
+		}
+
+		.primary {
+			background-color: #90CDF4;
+		}
+
+		.link {
+			background-color: transparent;
+			border: none;
+			text-decoration: underline;
+		}
+
+		.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="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..162fdb67 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -22,6 +22,16 @@
 			width: 100px;
 			height: 100px;
 			background-color: rebeccapurple;
+			transition: transform 200ms ease-out;
+		}
+		
+		.box:hover {
+			transform: scale(2);
+			transition: transform 200ms ease-out;
+		}
+
+		.box:not(:hover) {
+			transition: transform 160ms ease-in;
 		}
 	</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..79ce2693 100644
--- a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html	
+++ b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html	
@@ -23,6 +23,7 @@
 		/* Add 1 line to the CSS below to make the link clickable without changing the design */
 		.overlay {
 			position: absolute;
+			pointer-events: none;
 			z-index: 1;
 			top: 0;
 			left: 0;
@@ -34,7 +35,7 @@
 	
 	<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..a8f84087 100644
--- a/Week 1.3 - JavaScript/1. Filter/index.html	
+++ b/Week 1.3 - JavaScript/1. Filter/index.html	
@@ -16,6 +16,7 @@
 		let endingArray;
 
 		// Custom Code END
+		endingArray = startingArray.filter(num => num % 2 === 0);
 
 		console.log(endingArray);
 	</script>
diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html
index 72fa39ee..bcf12627 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -16,6 +16,7 @@
 		let endingArray;
 
 		// Custom Code END
+		endingArray = startingArray.map((name) => ({ name }));
 
 		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..424548a0 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,13 @@
 
 		// Rewrite this function to replace the if/else logic with a map lookup.
 		function getInformation(key) {
-			let rtn;
+			const lookup = new Map([
+				['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 rtn;
+			return lookup.get(key) || 'Error: Invalid option selected...';
 		}
 	</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..fb1efefe 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -20,6 +20,11 @@ <h1 data-counter>0</h1>
 		}
 
 		// Add your code here to make clicking the button run the increment function
+		const button = document.querySelector('[data-action]');
+		
+		button.addEventListener("click", function() {
+			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..f55b56f5 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
+		const template = document.querySelector('script[type="text/template"]').innerHTML;
+
+		const 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..25481e6e 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -11,6 +11,33 @@
 	
 	<script>
 		// Add your code here
+		async function dataFetch() {
+			try {
+				const response = await fetch('https://ghibliapi.vercel.app/films');
+
+				if (!response.ok) {
+				throw new Error(`HTTP error! status: ${response.status}`);
+				}
+
+				const data = await response.json();
+				console.log(data);
+				
+				const moviesList = document.querySelector('.movies');
+				
+				// Display data
+				data.forEach(item => {
+					moviesList.innerHTML += `
+					<li>
+						<strong>Name:</strong> ${item.title}<br>
+					</li>
+					`;
+				});
+			} catch (error) {
+				console.error('Error :c fetching data :', error);
+			}
+		}
+
+		dataFetch();
 	</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..388cdfb5 100644
--- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
+++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html	
@@ -29,54 +29,56 @@
 	<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" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</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" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</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" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</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" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</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" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</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" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</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" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</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" />
+			<img src="https://placehold.co/300x240" alt="placeholder" />
 			<h2>Lorem Ipsum Dolor</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>
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..21b83e74 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 */
+		.photo {
+			display: grid;
+			grid-template-areas: "stack";
+		}
+
+		.photo > img {
+			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..5179edac 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,8 @@
 		}
 
 		.letter {
-			grid-column: 1;
-			grid-row: 1;
+			/* grid-column: 1;
+			grid-row: 1; */
 			border-color: tomato;
 			background-color: lightcoral;
 		}
@@ -49,6 +49,19 @@
 	
 	<style>
 		/* Add your code here */
+		.letter { 
+			--i: 0;
+			grid-area: calc(var(--i) + 2) / calc(var(--i) + 1);
+			position: sticky;
+			top: 8px;
+		}
+
+		.letter:nth-child(1) { --i: 0; }
+		.letter:nth-child(2) { --i: 1; }
+		.letter:nth-child(3) { --i: 2; }
+		.letter:nth-child(4) { --i: 3; }
+		.letter:nth-child(5) { --i: 4; }
+		.letter:nth-child(6) { --i: 5; }
 	</style>
 
 	<div class="grid">
@@ -64,42 +77,37 @@
 		<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..4be6d38b 100644
--- a/Week 2.2 - Flexbox/1. Centering/index.html	
+++ b/Week 2.2 - Flexbox/1. Centering/index.html	
@@ -23,8 +23,10 @@
 			border: 2px solid thistle;
 			border-radius: 4px;;
 			background-color: whitesmoke;
-			
-			/* Add to your code here to center the box within the container */
+			/* New code here */
+			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..ca355ee6 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -21,13 +21,10 @@
 			min-height: 100px;
 			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.
-			*/
+			/* New code here */
+			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..5a3d176d 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..09c8d44f 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: 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>
 
