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..a603ad18 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,25 @@
 <!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 -->
+
+	<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..412b31d4 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 -->
 
+	<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/1200x720">
+		<source media="(min-width: 640px)" srcset="https://placehold.co/800x360">
+		<img src="https://placehold.co/400x180" alt="Responsive image placeholder">
+	</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..cb351068 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,23 +9,38 @@
 	<style>
 		*,
 		*::before,
-		*::after { box-sizing: border-box; }
+		*::after {
+			box-sizing: border-box;
+		}
 
 		html {
 			margin: 0;
 			padding: 0;
 		}
 
+		.image-container {
+			aspect-ratio: 16 / 9;
+			width: 100%;
+		}
+
+		picture,
 		img {
-			display: block;
 			width: 100%;
-			height: auto;
+			height: 100%;
+			object-fit: cover;
+			display: block;
 		}
 	</style>
 </head>
-<body>
-	
-	<!-- Add your code here -->
 
+<body>
+	<div class="image-container">
+		<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">
+		</picture>
+	</div>
 </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..00bb67ab 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,40 @@
 <!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 -->
+
+	<section>
+		<header>
+			<h2>Phase 4:</h2>
+			<h1>Destination Thrive</h1>
+			<h3>Objective: create onmi-channel synergy</h3>
+		</header>
+
+		<p>This is a time to truly leverage your omni-channel ... Lorem ipsum dolor sit amet consectetur adipisicing
+			elit. Ipsam maxime qui atque hic dolorem incidunt laborum ullam nisi nesciunt! Molestias labore iusto aut
+			nam ipsam, fugit quasi asperiores veritatis commodi.</p>
+
+			<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>
+
+			<footer>
+				<p><strong>TIME:</strong> approx. 24 months and keyond</p>
+			</footer>
+	</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..1a6b69ac 100644
--- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
+++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
@@ -1,15 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Selectors - Attributes</title>
 </head>
+
 <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" />
@@ -23,4 +26,5 @@
 	<input type="color" />
 
 </body>
+
 </html>
\ No newline at end of file
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..df2438c4 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;
+			background-color: #f5f5f5;
+		}
+
+		.primary {
+			background-color: #90CDF4;
+		}
+
+		.link {
+			background-color: transparent;
+			text-decoration: underline;
+			border: none;
+		}
+
+		.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..b7650ebe 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/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,18 +15,27 @@
 		}
 	</style>
 </head>
+
 <body>
-	
+
 	<style>
 		/* Modify the CSS below to add the desired hover effect and animation */
 		.box {
 			width: 100px;
 			height: 100px;
 			background-color: rebeccapurple;
+			transition: transform 160ms ease-out;
+			transform: scale(1);
+		}
+
+		.box:hover {
+			transform: scale(2);
+			transition-duration: 200ms;
 		}
 	</style>
 
 	<div class="box"></div>
 
 </body>
+
 </html>
\ No newline at end of file
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..00972889 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,14 @@
 			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" />
+			<!-- I had to change the placeholder link since it was broken -->
+			<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..95694b35 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(x => x % 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..4440113f 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -1,19 +1,21 @@
 <!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) => ({ name }));
 
 		// Custom Code END
 
@@ -21,4 +23,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..2242a72b 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,32 @@
 <!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');
+		const information = getInformation('time');
 		console.log(information);
 
-		// Rewrite this function to replace the if/else logic with a map lookup.
+		// 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..."
 			}
 
-			return rtn;
+			return infoObject[key] || "Error: Invalid option selected...";
 		}
 	</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..f6de83fc 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -1,15 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<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;
@@ -19,8 +21,10 @@ <h1 data-counter>0</h1>
 			counterEl.innerText = counter;
 		}
 
+		document.querySelector('[data-action="increment-counter"]').addEventListener('click', increment)
 		// Add your code here to make clicking the button run the increment function
 	</script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html
index ba0e04f2..79898a29 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -18,12 +18,23 @@ <h2>Hello, world!</h2>
 		<h1>Lorem Ipsum Dolor Sit Amet</h1>
 		<section>
 			<h2>More Jeff Goldblum</h2>
-			<p>Must go faster. Yeah, but John, if The Pirates of the Caribbean breaks down, the pirates don’t eat the tourists. You really think you can fly that thing? Checkmate... Life finds a way. Yes, Yes, without the oops! Yeah, but your scientists were so preoccupied with whether or not they could, they didn't stop to think if they should.</p>
+			<p>Must go faster. Yeah, but John, 
+				if The Pirates of the Caribbean breaks down, 
+				the pirates don’t eat the tourists.
+				 You really think you can fly that thing? Checkmate... 
+				 Life finds a way. Yes, Yes, without the oops! Yeah, 
+				 but your scientists were so preoccupied with 
+				 whether or not they could, they didn't stop 
+				 to think if they should.</p>
 		</section>
 	</main>
 
 	<script>
 		// Add you code here
+		const template = document.querySelector('script[type="text/template"]')
+		const container = document.querySelector('.container')
+
+		container.insertAdjacentHTML('beforeend', template.innerHTML)
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..04b78734 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>
 </head>
+
 <body>
-	
+
 	<ul class="movies"></ul>
-	
+
 	<script>
 		// Add your code here
+		fetch("https://ghibliapi.vercel.app/films")
+			.then((res) => res.json())
+			.then((data) => {
+				const list = document.querySelector(".movies")
+				data.forEach(movie => {
+					const li = document.createElement('li')
+					li.textContent = movie.title
+					list.appendChild(li)
+
+				})
+			}
+			).catch((e) => console.log(e));
 	</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..ee7afc65 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, 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..8e7915d5 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,10 @@
 
 	<style>
 		/* Add your code here */
+		.channel {
+			grid-area: 1 / 1;
+			width: 100%;
+		}
 	</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..fd732afd 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	
@@ -37,12 +37,22 @@
 			grid-row: 1;
 			border-color: tomato;
 			background-color: lightcoral;
+			position: sticky;
+			top: 0;
+			z-index: 1;
 		}
 
 		.placeholder {
 			border-color: mediumslateblue;
 			background-color: lightcyan;
 		}
+
+		.letter-h { grid-column: 1; grid-row: 2;}
+		.letter-e { grid-column: 2; grid-row: 3;}
+		.letter-l-1 { grid-column: 3; grid-row: 4;}
+		.letter-l-2 { grid-column: 4; grid-row: 5;}
+		.letter-o { grid-column: 5; grid-row: 6;}
+		.letter-x { grid-column: 6; grid-row: 7;}
 	</style>
 </head>
 <body>
@@ -54,52 +64,47 @@
 	<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-l-1">l</li>
+		<li class="letter letter-l-2">l</li>
 		<li class="letter letter-o">o</li>
-		<li class="letter letter-!">!</li>
+		<li class="letter letter-x">!</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>
 		<li></li>
diff --git a/Week 2.2 - Flexbox/1. Centering/index.html b/Week 2.2 - Flexbox/1. Centering/index.html
index 5283be49..79d5fcb9 100644
--- a/Week 2.2 - Flexbox/1. Centering/index.html	
+++ b/Week 2.2 - Flexbox/1. Centering/index.html	
@@ -23,8 +23,9 @@
 			border: 2px solid thistle;
 			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..df240229 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;
+			padding: 36px;
+			border: 1px solid #ccc;
+		}
+
+		.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..0b6f564f 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -40,15 +40,26 @@
 	<style>
 		form {
 			/* Add any needed code here */
+			display: flex;
+			flex-wrap: wrap;
+			gap: 0.5rem;
 		}
 		
 		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;
 		}
+		
+		form [type="submit"] {
+			flex: 1 1 10ch;
+		}
+
+		
 	</style>
 
 	<form>
