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..05a23c6c 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
-- [ ] Form is accessible to a screen reader
-- [ ] Form is keyboard navigable
+- [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
+- [X] Form is accessible to a screen reader
+- [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..3c9620e9 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,15 @@
 <body>
 	
 	<!-- Add your code here -->
+<form action="/login/" method="POST">
+	<label for="email">Email:</label>
+	<input type="email" id="email" name="email" required aria-required="true">
+
+	<label for="password">Password:</label>
+	<input type="password" id="password" name="password" required aria-required="true">
+
+	<button type="submit">Login</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..f578c445 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 srcset="https://placehold.co/2000x900" media="(min-width: 1880px)">
+		<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..c2b77f23 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 with Aspect Ratio"/>
+	</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..e346e00a 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,58 @@
 </head>
 <body>
 	
-	<!-- Add your code here -->
+	<!-- Number of the menu -->
+	<nav>
+		<ul>
+			<li><a href="#">Menu Item 1</a></li>
+			<li><a href="#">Menu Item 2</a></li>
+			<li><a href="#">Menu Item 3</a></li>
+			<li><a href="#">Menu Item 4</a></li>
+			<li><a href="#">Menu Item 5</a></li>
+			<li><a href="#">Menu Item 6</a></li>
+			<li><a href="#">Menu Item 7</a></li>
+		</ul>
+	</nav>
+
+	<!-- Slider Section for the First Slide -->
+	<div class="slider-container">
+		<!-- Dot navigation on the left -->
+		<div class="dots">
+			<span class="dot"></span>
+		</div>
+
+		<!-- Slides Wrapper (Contains only the first slide for now) -->
+		<div class="slides-wrapper">
+			<!-- First Slide -->
+			<div class="slide">
+				<section>
+					<h1>Phase 4:</h1>
+					<h2>Distrination Thrive</h2>
+					<h3>Objective: 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 channels from top to bottom. Scale high-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>
+				</section>
+				
+				<hr>
+
+				<section>
+					<h4>Key Focus:</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>Omni-channel synergy</li>
+					</ul>
+				</section>
+
+				<section>
+					<h4>Time <img src="clock.png" alt="clock icon"></h4>
+					<p>approx. 24 months and beyond</p>
+				</section>
+			</div>
+		</div>
+	</div>
 
 </body>
-</html>
\ No newline at end of file
+</html>
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..ed12f725 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,45 @@
 	
 	<style>
 		/* Add your CSS here */
+		button {
+			border-radius: 4px;
+			padding: 12px 32px;
+			text-align: center;
+			color: black;
+			border: none;
+			cursor: pointer;
+			font-size: 16px;
+			display: inline-block;
+		}
+
+		/* Default button */
+		.button--default {
+			background-color: #f5f5f5;
+		}
+
+		/* Primary button */
+		.button--primary {
+			background-color: #90CDF4;
+		}
+
+		/* Link button*/
+		.button--link {
+			background-color: transparent;
+			border-color: transparent;
+		}
+
+		/* Danger button */
+		.button--default {
+			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..29f7ebce 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -22,6 +22,17 @@
 			width: 100px;
 			height: 100px;
 			background-color: rebeccapurple;
+			transition: transform 200ms ease-in-out;
+			transform-origin: center;
+		}
+
+		.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..76341a96 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..46cd1d37 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(name => ({ 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..28cc4cf2 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,14 @@
 
 		// Rewrite this function to replace the if/else logic with a map lookup.
 		function getInformation(key) {
-			let rtn;
+			
+			const 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 map[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..88506910 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
+		const buttonE1 = document.querySelector('[data-action="increment-counter"]');
+
+		buttonE1.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..c43dbcfe 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -24,6 +24,14 @@ <h2>More Jeff Goldblum</h2>
 
 	<script>
 		// Add you code here
+		const templateE1 = document.querySelector('script[type="text/template"]');
+		const containerE1 = document.querySelector('.container');
+
+		//Extract the inner
+		const templateContent = templateE1.innerHTML;
+
+		//append template to container
+		containerE1.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..0de5f63f 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -11,6 +11,18 @@
 	
 	<script>
 		// Add your code here
+		fetch('https://ghibliapi.vercel.app/films')
+		.then(reponse => reponse.json())
+		.then(data => {
+			const moviesList = document.querySelector('.movies');
+
+			data.forEach(film => {
+				const listItem = document.createElement('li');
+				listItem.textContent = film.title;
+				moviesList.appendChild(listItem);
+			});
+		})
+		.catch(error => console.error('Error fetching data:',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..ca590a33 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="hhttps://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..285c4d8f 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,18 @@
 
 	<style>
 		/* Add your code here */
+		.photo {
+			display: grid;
+			grid-template-columns: 1fr;
+			grid-template-rows: 1fr;
+			place-items: center;
+		}
+
+		.photo > * {
+			grid-column: 1;
+			grid-row: 1;
+			mix-blend-mode: multiply;
+		}
 	</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..ea4b0bce 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,37 @@
 	
 	<style>
 		/* Add your code here */
+		.letter:nth-of-type(1) {
+			grid-column: 1;
+			grid-row: 2;
+		}
+		.letter:nth-of-type(2) {
+			grid-column: 2;
+			grid-row: 3;
+		}
+		.letter:nth-of-type(3) {
+			grid-column: 3;
+			grid-row: 4;
+		}
+		.letter:nth-of-type(4) {
+			grid-column: 4;
+			grid-row: 5;
+		}
+		.letter:nth-of-type(5) {
+			grid-column: 5;
+			grid-row: 6;
+		}
+		.letter:nth-of-type(6) {
+			grid-column: 6;
+			grid-row: 7;
+		}
+
+		/*sticky*/
+		.letter {
+			position: sticky;
+			top: 0;
+		}
+
 	</style>
 
 	<div class="grid">
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..2fd35eed 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -28,11 +28,14 @@
 
 				The `.logo` and `.links` should also be center aligned with each other.
 			*/
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 		}
 	</style>
 	
 	<header class="navbar">
-		<img class="logo" src="https://via.placeholder.com/80" alt="logo" />
+		<img class="logo" src="https://placehold.co/80" alt="logo" />
 		<nav class="links">
 			<a href="#">Link 1</a>
 			<a href="#">Link 2</a>
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..6fca8aa9 100644
--- a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
+++ b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
@@ -25,29 +25,39 @@
 
 	<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%;
+		}
+
+		.card p {
+			flex-grow: 1;
+		}
 	</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>
diff --git a/Week 2.2 - Flexbox/4. Flexing/index.html b/Week 2.2 - Flexbox/4. Flexing/index.html
index 443de97c..6faef75b 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -40,14 +40,30 @@
 	<style>
 		form {
 			/* Add any needed code here */
+			display: flex;
+			flex-wrap: wrap;
+			justify-content: space-between;
+			max-width: 800px;
+			width: 100%;
+			margin: 0 auto;
 		}
 		
 		form input {
 			/* All inputs should allowed to grow and shrink with a basis of 10ch */
+			margin: .5rem;
+			padding: .75rem 1rem;
+			border: none;
+			background: hsl(0 0% 93%);
+			border-radius: .25rem;
+			flex-grow: 1;
+			flex-shrink: 1;
+			flex-basis: 10ch;
 		}
 
 		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>
 
