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..92d60fb0 100644
--- a/Week 1.1 - HTML/1. Build a Form/index.html	
+++ b/Week 1.1 - HTML/1. Build a Form/index.html	
@@ -1,13 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Build a Form</title>
 </head>
-<body>
-	
-	<!-- Add your code here -->
 
+<body>
+	<form action="/login/" method="POST" id="form1">
+		<label for="email">Email Adress:</label>
+		<input id="email" name="email">
+		<label for="password">Password:</label>
+		<input id="password" name="password">
+	</form>
+	<button type="submit" form="form1" value="submit">Submit</button>
 </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..676081ca 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	
@@ -23,8 +23,14 @@
 	</style>
 </head>
 <body>
-	
-	<!-- Add your code here -->
-
+	<img
+	src="https://via.placeholder.com/400x180" width="400" height="180"
+	srcset="
+		https://via.placeholder.com/800x360   640w,
+		https://via.placeholder.com/1200x540 1024w,
+		https://via.placeholder.com/1600x720 1440w,
+		https://via.placeholder.com/2000x900 1800w
+	"
+/>
 </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..ca79a8d2 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	
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,7 +9,9 @@
 	<style>
 		*,
 		*::before,
-		*::after { box-sizing: border-box; }
+		*::after {
+			box-sizing: border-box;
+		}
 
 		html {
 			margin: 0;
@@ -22,9 +25,13 @@
 		}
 	</style>
 </head>
-<body>
-	
-	<!-- Add your code here -->
 
+<body>
+	<picture>
+		<source media="(min-width: 640px)" srset="https://via.placeholder.com/1200x900" />
+		<source media="(min-width: 1024px)" srset="https://via.placeholder.com/1600x720" />
+		<img alt="resource" src="https://via.placeholder.com/540x800" width="540px" height="800px"/>
+	</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..49f529df 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	
@@ -1,13 +1,43 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Mock Up a Design</title>
 </head>
+
 <body>
-	
-	<!-- Add your code here -->
+
+	<header>
+		<h2 style="line-height: 0px">Phase 4: </h2>
+		<h3 style="font-size: 40px">Destination Thrive</h3>
+		<h4>Objective: Create omni-channel synergy</h4>
+	</header>
+	<main>
+		<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Unde fugit, possimus suscipit culpa quibusdam
+			blanditiis delectus, tempora in itaque, nam quos nisi. Cumque voluptates, molestias quo quisquam fugiat
+			itaque
+			nam blanditiis suscipit ad obcaecati dolores iusto optio unde doloremque dolor saepe expedita nemo dicta
+			labore
+			in fugit consequuntur deleniti! Eveniet ea minima, adipisci necessitatibus asperiores aliquid ullam
+			laboriosam
+			iusto ratione vero ex quidem est deleniti voluptatem, a unde eius ab, impedit accusamus? Hic, optio commodi
+			aliquid minima iusto eaque quaerat?</p>
+		<section>
+			<h3>Key Focus: </h3>
+			<li>Harvesting the demand created by your content marketing efforts</li>
+			<li>Scale paid media and social efforts</li>
+			<li>Leverage your new audiances</li>
+			<li>Omni-channel synergy</li>
+		</section>
+
+		<section>
+			<h3>Time &#128354</h3>
+			<p>approx. 24 months and beyond</p>
+		</section>
+	</main>
 
 </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..dd86e242 100644
--- a/Week 1.2 - CSS/4. Inheritance and Systems/index.html	
+++ b/Week 1.2 - CSS/4. Inheritance and Systems/index.html	
@@ -1,21 +1,44 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Inheritance and Systems</title>
 </head>
+
 <body>
-	
+
 	<style>
 		/* Add your CSS here */
+		button {
+			border-radius: 4px;
+			padding: 12px 32px;
+			color: black;
+		}
+		.default {
+			background-color: #f5f5f5;
+		}
+		.primary {
+			background-color: #90CDF4;
+			border-color: #90CDF4;
+		}
+		.link {
+			background-color: transparent;
+		}
+		.danger {
+			background-color: #FEB2B2;
+			border-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..f8a4f365 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -23,6 +23,11 @@
 			height: 100px;
 			background-color: rebeccapurple;
 		}
+		.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..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..d96b2e4d 100644
--- a/Week 1.3 - JavaScript/1. Filter/index.html	
+++ b/Week 1.3 - JavaScript/1. Filter/index.html	
@@ -1,19 +1,26 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Filter</title>
 </head>
+
 <body>
-	
+
 	<script>
-		const startingArray = [1,2,3,4,5,6,7,8,9,10];
-		
+
+
+
+		const startingArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+
 		// 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) => {
+			return num % 2 === 0
+		})
 
 		// Custom Code END
 
@@ -21,4 +28,5 @@
 	</script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html
index 72fa39ee..3093b501 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -1,19 +1,23 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Map</title>
 </head>
+
 <body>
-	
+
 	<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) => {
+			return { name: name }
+		})
 
 		// Custom Code END
 
@@ -21,4 +25,5 @@
 	</script>
 
 </body>
+
 </html>
\ No newline at end of file
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..a3864106 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	
@@ -1,33 +1,33 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Objects as a Map</title>
 </head>
+
 <body>
-	
+
 	<script>
 		const information = getInformation('date');
 		console.log(information);
-
-		// Rewrite this function to replace the if/else logic with a map lookup.
 		function getInformation(key) {
-			let rtn;
-
-			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...';
+			const infoObject = {
+				date: 'October 6, 1986',
+				time: '21:13 PM',
+				mood: 'Powerful, spirited...',
+				default: 'Error: Invalid option selected...',
 			}
-
-			return rtn;
+			const objectArr = Object.entries(infoObject);
+			const infoObjectMap = new Map(objectArr);
+			return infoObjectMap.get(key) 
 		}
+
+
+
 	</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..704d4bb7 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -6,10 +6,8 @@
 	<title>Event Listeners</title>
 </head>
 <body>
-	
 	<h1 data-counter>0</h1>
 	<button data-action="increment-counter">+1</button>
-	
 	<script>
 		const counterEl = document.querySelector('[data-counter]');
 		let counter = 0;
@@ -18,8 +16,10 @@ <h1 data-counter>0</h1>
 			counter++;
 			counterEl.innerText = counter;
 		}
-
-		// Add your code here to make clicking the button run the increment function
+		const counterBtn = document.querySelector('[data-action="increment-counter"]');
+			counterBtn.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..4b58bb07 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -23,7 +23,9 @@ <h2>More Jeff Goldblum</h2>
 	</main>
 
 	<script>
-		// Add you code here
+		let myScript = document.querySelector('script[type="text/template"]').innerHTML
+        let textContainer = document.querySelector('main.container')
+        textContainer.insertAdjacentHTML("beforeend",myScript);
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..251986e5 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -1,17 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<title>Data Fetching</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Data Fetching</title>
 </head>
 <body>
-	
-	<ul class="movies"></ul>
-	
-	<script>
-		// Add your code here
-	</script>
-
+    <ul class="movies"></ul>
+    <script>
+        const api_url = "https://ghibliapi.herokuapp.com/films";
+        let movieList = document.querySelector("ul.movies")
+        function getApi(url) {
+            fetch(url, {
+                method: "GET",
+                headers: {}
+            })
+                .then(response => { return response.json() })
+                .then((data) => {
+                    console.log(data)
+                    data.map((movie)=>{
+                        let li = document.createElement("li");
+                        li.textContent = movie.title;
+                        movieList.append(li)
+                    });
+                })
+                .catch(err => console.log(err))
+        }
+        getApi(api_url);
+    </script>
 </body>
 </html>
\ No newline at end of file
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..3edcded9 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, auto));
 		}
 	</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..63d2f0e9 100644
--- a/Week 2.1 - CSS Grid/2. Placing Items/index.html	
+++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html	
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -12,13 +13,37 @@
 			max-width: 800px;
 		}
 
-		.photo > * { mix-blend-mode: multiply; }
+		.photo>* {
+			mix-blend-mode: multiply;
+		}
 	</style>
 </head>
+
 <body>
 
 	<style>
 		/* Add your code here */
+		.photo {
+			display: grid;
+			grid-template-columns: repeat(2, 1fr);
+			grid-template-rows: repeat(2, 1fr);
+		}
+		.channel-cyan {
+			grid-column: 1/ span 4;
+			grid-row: 1 / span 2;
+		}
+		.channel-magenta {
+			grid-column: 1/ span 4;
+			grid-row: 1 / span 2;
+		}
+		.channel-yellow {
+			grid-column: 1/ span 4;
+			grid-row: 1 / span 2;
+		}
+		.channel-black {
+			grid-column: 1/ span 4;
+			grid-row: 1 / span 2;
+		}
 	</style>
 
 	<div class="photo">
@@ -27,6 +52,7 @@
 		<img class="channel channel-yellow" src="./yellow.png" alt="yellow" />
 		<img class="channel channel-black" src="./black.png" alt="black" />
 	</div>
-	
+
 </body>
+
 </html>
\ No newline at end of file
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..afbbe456 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	
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -14,7 +15,7 @@
 			max-width: 776px;
 		}
 
-		.grid > * {
+		.grid>* {
 			grid-column: span 1;
 			grid-row: span 1;
 			display: flex;
@@ -45,19 +46,47 @@
 		}
 	</style>
 </head>
+
 <body>
-	
+
 	<style>
 		/* Add your code here */
+		.letter-h {
+			grid-row: 2;
+		}
+		.letter-e {
+			grid-row: 3;
+			grid-column: 2;
+		}
+		.letter-l {
+			grid-row: 4;
+			grid-column: 3;
+		}
+		.letter-l1 {
+			grid-row: 5;
+			grid-column: 4;
+		}
+		.letter-o {
+			grid-row: 6;
+			grid-column: 5;
+		}
+		.letter-1 {
+			grid-row: 7;
+			grid-column: 6;
+		}
+		.letter {
+			top: 0;
+			position: sticky;
+		}
 	</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-o">o</li>
-		<li class="letter letter-!">!</li>
+		<li class="letter letter-1">!</li>
 
 		<li></li>
 		<li></li>
@@ -109,4 +138,5 @@
 	</div>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/Week 2.2 - Flexbox/1. Centering/index.html b/Week 2.2 - Flexbox/1. Centering/index.html
index 5283be49..346771c9 100644
--- a/Week 2.2 - Flexbox/1. Centering/index.html	
+++ b/Week 2.2 - Flexbox/1. Centering/index.html	
@@ -7,11 +7,15 @@
 
 	<style>
 		.box {
+		
 			width: 100px;
 			height: 100px;
 			border-radius: 4px;
 			background-color: rebeccapurple;
 		}
+
+
+
 	</style>
 </head>
 <body>
@@ -23,6 +27,9 @@
 			border: 2px solid thistle;
 			border-radius: 4px;;
 			background-color: whitesmoke;
+			display: flex;
+			align-items: center;
+			justify-content: center;
 			
 			/* Add to your code here to center the box within the container */
 		}
diff --git a/Week 2.2 - Flexbox/2. Placing Items/index.html b/Week 2.2 - Flexbox/2. Placing Items/index.html
index 986e0ee4..15cae6c7 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -21,6 +21,10 @@
 			min-height: 100px;
 			box-shadow: 0px 3px 6px rgba(45, 35, 66, 0.102);
 			background-color: #fff;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+		
 			
 			/*
 				Add to your code here to place the `.logo` and `.links` on either
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..5faf76d1 100644
--- a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
+++ b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -21,38 +22,56 @@
 		}
 	</style>
 </head>
+
 <body>
 
 	<style>
-		/* Add your code here to position the "read more" links to the bottom of their respective cards */
-	</style>
+
+		.card {
+			display: flex;
+			flex-flow: column nowrap;
+		}
+
+		.more {
 	
+			margin-top:auto;
+			/* Add your code here to position the "read more" links to the bottom of their respective cards */
+		}
+	
+	</style>
+
 	<section class="cards">
 		<article class="card">
 			<img src="https://via.placeholder.com/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>
+			<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" />
 			<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>
+			<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" />
 			<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>
+			<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" />
 			<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>
+			<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>
 	</section>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/Week 2.2 - Flexbox/4. Flexing/index.html b/Week 2.2 - Flexbox/4. Flexing/index.html
index 443de97c..f3b25e83 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -40,14 +40,23 @@
 	<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 */
+			display: flex;
+			flex-wrap: wrap;
+			flex-grow: 10;
+			flex-shrink: 10;
 		}
 
 		form [type="email"] {
 			/* This should grow 3 times faster than the other inputs with a basis of 30ch */
+			display: flex;
+			flex-wrap: wrap;
+			flex-grow: 30;
 		}
 	</style>
 
