From c36d0feeb5dda7e5522ed733a99d2364f6b77fc9 Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Thu, 9 Jun 2022 13:02:06 -0600
Subject: [PATCH 01/10] completed 1.1 HTML assessments

---
 Week 1.1 - HTML/1. Build a Form/index.html    | 13 ++-
 .../index.html                                | 17 +++-
 .../index.html                                | 15 ++-
 .../4. Mock Up a Design/index.html            | 93 ++++++++++++++++++-
 4 files changed, 130 insertions(+), 8 deletions(-)
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..0473c9cc 100644
--- a/Week 1.1 - HTML/1. Build a Form/index.html	
+++ b/Week 1.1 - HTML/1. Build a Form/index.html	
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" dir="ltr">
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,7 +7,16 @@
 </head>
 <body>
 	
-	<!-- Add your code here -->
+	<form action="/login/" method="post">
+		<label for="email">Email</label>
+		<input id="email" name="email" type="email">
+
+		<label for="password">Password</label>
+		<input id="password" name="password" type="password">
+
+		<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..68d51c1e 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	
@@ -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,19 @@
 		}
 	</style>
 </head>
+
 <body>
+
+	<picture>
+		<source media="(min-width:1800px)" srcset="https://via.placeholder.com/2000x900" />
+		<source media="(min-width:1440px)" srcset="https://via.placeholder.com/1600x720" />
+		<source media="(min-width:1024px)" srcset="https://via.placeholder.com/1200x540" />
+		<source media="(min-width:640px)" srcset="https://via.placeholder.com/800x360" />
+
+		<img src="https://via.placeholder.com/400x180" alt="gray box placeholder" width="400" height="180" />
+	</picture>
 	
-	<!-- Add your code here -->
 
 </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..85afd554 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,15 @@
 		}
 	</style>
 </head>
+
 <body>
-	
-	<!-- Add your code here -->
+
+	<picture>
+		<source media="(min-width:1024px)" srcset="https://via.placeholder.com/1600x720">
+		<source media="(min-width:640px)" srcset="https://via.placeholder.com/1200x900">
+		<img src="https://via.placeholder.com/540x800" alt="gray box placeholder" width="540" height="800" />
+	</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..0210b0b6 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,104 @@
 <!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>
+
+	<header>
+		<nav>
+			<ul>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
+				<li>
+					<a>
+						<i></i>
+					</a>
+				</li>
 	
-	<!-- Add your code here -->
+			</ul>
+		</nav>
+	</header>
+
+	<main>
+		<h2>Phase 4:</h2>
+		<h1>Destination Thrive</h1>
+		<h2>Objective: Create omni-channel synergy</h2>
+		<p>This is the time to fully leverage your hard work and thrive...</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>Leverage your new audiences</li>
+			<li>Omni-channel synergy</li>
+		</ul>
+		<h3>TIME</h3>
+		<i></i>
+		<p>approx. 24 months and beyond</p>
+	</main>
+	
+	<footer>
+
+	</footer>
 
 </body>
+
 </html>
\ No newline at end of file

From 951ff2ec16906f7357e2979c4fea78456025f97f Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Thu, 9 Jun 2022 15:56:07 -0600
Subject: [PATCH 02/10] completed 1.2 CSS assessments

---
 .../1. Selectors - Attributes/index.html      |  2 +-
 .../2. Selectors - Children/index.html        |  2 +-
 .../3. Selectors - Siblings/index.html        |  2 +-
 .../4. Inheritance and Systems/index.html     | 21 ++++++++++++++++---
 Week 1.2 - CSS/5. Transitions/index.html      |  6 ++++++
 .../6. Tricks - Click Passthrough/index.html  |  1 +
 6 files changed, 28 insertions(+), 6 deletions(-)

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..0e207798 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,28 @@
 	
 	<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;
+		}
+		.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..3cf0b470 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -21,7 +21,13 @@
 		.box {
 			width: 100px;
 			height: 100px;
+			zoom: 100%;
 			background-color: rebeccapurple;
+			transition: transform 160ms;
+		}
+		.box:hover {
+			transform: scale(2.0);
+			transition: transform 200ms;
 		}
 	</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>
 	

From c8dfe8a0b835ab48abb4cc0789865d2b03259c3b Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Thu, 9 Jun 2022 18:37:32 -0600
Subject: [PATCH 03/10] 1.3 JS assessments in progress

---
 Week 1.3 - JavaScript/1. Filter/index.html    |  3 +-
 Week 1.3 - JavaScript/2. Map/index.html       |  5 +++-
 .../3. Objects as a Map/index.html            | 29 ++++++++++++++-----
 3 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html
index e74982a2..3179e26a 100644
--- a/Week 1.3 - JavaScript/1. Filter/index.html	
+++ b/Week 1.3 - JavaScript/1. Filter/index.html	
@@ -13,7 +13,8 @@
 		// 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(int => int%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..f5dadcea 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -13,7 +13,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.map(name => {
+			return {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..be479eb0 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	
@@ -15,15 +15,30 @@
 		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 {
+			const data = {
+				date: 'October 6, 1986',
+				time: '21:13 PM',
+				mood: 'Powerful, spirited...',
+			};
+
+			const dataMap = new Map(data);
+
+			if (dataMap.has(key)) {
+				rtn = dataMap.get(key);
+			}
+			else {
 				rtn = 'Error: Invalid option selected...';
 			}
+			
+			// 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;
 		}

From d383a0735593d352273c93200d32f26e381b351f Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Fri, 10 Jun 2022 17:29:38 -0600
Subject: [PATCH 04/10] completed 1.3 JS assessments

---
 Week 1.3 - JavaScript/1. Filter/index.html    | 11 ++++---
 Week 1.3 - JavaScript/2. Map/index.html       |  7 +++--
 .../3. Objects as a Map/index.html            | 31 ++++++-------------
 .../4. Event Listeners/index.html             | 14 +++++++--
 .../5. DOM Manipulation/index.html            | 17 ++++++++--
 .../Data Fetching/index.html                  | 27 ++++++++++++++--
 6 files changed, 72 insertions(+), 35 deletions(-)

diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html
index 3179e26a..eb0b8c68 100644
--- a/Week 1.3 - JavaScript/1. Filter/index.html	
+++ b/Week 1.3 - JavaScript/1. Filter/index.html	
@@ -1,20 +1,22 @@
 <!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 = startingArray.filter(int => int%2 === 0);
+		let endingArray = startingArray.filter(int => int % 2 === 0);
 
 		// Custom Code END
 
@@ -22,4 +24,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 f5dadcea..caa8730b 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -1,12 +1,14 @@
 <!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'];
 
@@ -15,7 +17,7 @@
 		// You must store your new array in the `endingArray` variable for it to log out properly.
 
 		let endingArray = startingArray.map(name => {
-			return {name: name}
+			return { name: name }
 		});
 
 		// Custom Code END
@@ -24,4 +26,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 be479eb0..b6b25a68 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,19 +1,20 @@
 <!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;
 
 			const data = {
 				date: 'October 6, 1986',
@@ -21,28 +22,14 @@
 				mood: 'Powerful, spirited...',
 			};
 
-			const dataMap = new Map(data);
-
-			if (dataMap.has(key)) {
-				rtn = dataMap.get(key);
-			}
-			else {
-				rtn = 'Error: Invalid option selected...';
-			}
-			
-			// 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;
+			const dataArray = Object.entries(data);
+
+			const dataMap = new Map(dataArray);
+
+			return dataMap.get(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..d2711c7f 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>
-	
+	<button id="" data-action="increment-counter">+1</button>
+
 	<script>
 		const counterEl = document.querySelector('[data-counter]');
 		let counter = 0;
@@ -20,7 +22,13 @@ <h1 data-counter>0</h1>
 		}
 
 		// Add your code here to make clicking the button run the increment function
+
+		const incButton = document.querySelector('[data-action="increment-counter"]')
+
+		incButton.addEventListener('click', increment);
+
 	</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..bf1e53e8 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -1,12 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>DOM Manipulation</title>
 </head>
+
 <body>
-	
+
 	<script type="text/template">
 		<section>
 			<h2>Hello, world!</h2>
@@ -18,13 +20,24 @@ <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 mainElement = document.querySelector('.container');
+
+		const sectionToAppend = document.querySelector('[type="text/template"]').innerHTML;
+
+		mainElement.insertAdjacentHTML('beforeend', sectionToAppend)
+
 	</script>
 
 </body>
+
 </html>
\ No newline at end of file
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..9aee2577 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -1,17 +1,40 @@
 <!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
+
+		const handleError = (err) => {
+			console.log('Error encountered:');
+			console.log(err);
+		};
+
+		const moviesList = document.querySelector('.movies');
+		const endpoint = 'https://ghibliapi.herokuapp.com/films';
+
+		const displayMovieTitles = async () => {
+			const res = await fetch(endpoint);
+			const data = await res.json();
+
+			data.forEach(movie => {
+				moviesList.insertAdjacentHTML('afterbegin', `<li>${movie.title}</li>`)
+			});
+		};
+
+		displayMovieTitles().catch(handleError);
+
 	</script>
 
 </body>
+
 </html>
\ No newline at end of file

From 75c5f8c239adab2089005e423ddacc7beecdf378 Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Tue, 14 Jun 2022 11:51:49 -0600
Subject: [PATCH 05/10] completed 1.3 JS assessments

---
 Week 1.3 - JavaScript/3. Objects as a Map/index.html | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

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 b6b25a68..7c4c5715 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	
@@ -22,11 +22,7 @@
 				mood: 'Powerful, spirited...',
 			};
 
-			const dataArray = Object.entries(data);
-
-			const dataMap = new Map(dataArray);
-
-			return dataMap.get(key) || 'Error: Invalid option selected...';
+			return data[key] || 'Error: Invalid option selected...';
 		}
 	</script>
 

From ffbdb318038bcf61c7088d96997b46065ce2d9fb Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Tue, 14 Jun 2022 18:54:32 -0600
Subject: [PATCH 06/10] first attempts CSS Grid assessments

---
 .../1. Responsive Grids/index.html            |  2 ++
 .../2. Placing Items/index.html               |  4 +++
 .../3. Placing Items - Advanced/index.html    | 32 +++++++++++++++----
 3 files changed, 32 insertions(+), 6 deletions(-)

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..3f799be5 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-fill, 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..0dff7792 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-column: 1 / -1;
+			grid-row: 1 / -1;
+		}
 	</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..b9942f84 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,32 @@
 	
 	<style>
 		/* Add your code here */
+		.letter {
+			position: sticky;
+			top: 0;
+			grid-column: 6;
+			grid-row: 7;
+		}
+		.letter-h {
+			grid-column: 1;
+			grid-row: 2;
+		}
+		.letter-e {
+			grid-column: 2;
+			grid-row: 3;
+		}
+		.letter-l {
+			grid-column: 3;
+			grid-row: 4;
+		}
+		.letter-l + .letter-l {
+			grid-column: 4;
+			grid-row: 5;
+		}
+		.letter-o {
+			grid-column: 5;
+			grid-row: 6;
+		}
 	</style>
 
 	<div class="grid">
@@ -64,42 +90,36 @@
 		<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>

From 1df93924702134f7f961c82950060f0aacfa67c4 Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Wed, 15 Jun 2022 14:23:07 -0600
Subject: [PATCH 07/10] completed 2.1 Grid assessments

---
 .../2. Placing Items/index.html                |  4 ++--
 .../3. Placing Items - Advanced/index.html     | 18 ++++++------------
 2 files changed, 8 insertions(+), 14 deletions(-)

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 0dff7792..6bbb2d0d 100644
--- a/Week 2.1 - CSS Grid/2. Placing Items/index.html	
+++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html	
@@ -10,6 +10,7 @@
 			display: grid;
 			margin: 0 auto;
 			max-width: 800px;
+			grid-template-areas: 'photoStack';
 		}
 
 		.photo > * { mix-blend-mode: multiply; }
@@ -20,8 +21,7 @@
 	<style>
 		/* Add your code here */
 		.channel {
-			grid-column: 1 / -1;
-			grid-row: 1 / -1;
+			grid-area: photoStack;
 		}
 	</style>
 
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 b9942f84..25366150 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	
@@ -52,28 +52,22 @@
 		.letter {
 			position: sticky;
 			top: 0;
-			grid-column: 6;
-			grid-row: 7;
+			grid-area: 7 / 6;
 		}
 		.letter-h {
-			grid-column: 1;
-			grid-row: 2;
+			grid-area: 2 / 1;
 		}
 		.letter-e {
-			grid-column: 2;
-			grid-row: 3;
+			grid-area: 3 / 2;
 		}
 		.letter-l {
-			grid-column: 3;
-			grid-row: 4;
+			grid-area: 4 / 3;
 		}
 		.letter-l + .letter-l {
-			grid-column: 4;
-			grid-row: 5;
+			grid-area: 5 / 4;
 		}
 		.letter-o {
-			grid-column: 5;
-			grid-row: 6;
+			grid-area: 6 / 5;
 		}
 	</style>
 

From 03e9e8f8cc618627ce2d48d9db18ca9437022988 Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Wed, 15 Jun 2022 18:17:19 -0600
Subject: [PATCH 08/10] completed 2.1 Grid assessments

---
 .../4. Inheritance and Systems/index.html          | 14 ++++----------
 Week 1.2 - CSS/5. Transitions/index.html           |  3 +--
 Week 1.3 - JavaScript/2. Map/index.html            |  4 +---
 .../3. Objects as a Map/index.html                 |  2 +-
 4 files changed, 7 insertions(+), 16 deletions(-)

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 0e207798..664d1b4c 100644
--- a/Week 1.2 - CSS/4. Inheritance and Systems/index.html	
+++ b/Week 1.2 - CSS/4. Inheritance and Systems/index.html	
@@ -10,20 +10,14 @@
 	<style>
 		/* Add your CSS here */
 		button {
-			border-radius: 4px;
 			padding: 12px 32px;
+			border-radius: 4px;
 			color: black;
 			background-color: #f5f5f5;
 		}
-		.primary {
-			background-color: #90CDF4;
-		}
-		.link {
-			background-color: transparent;
-		}
-		.danger {
-			background-color: #FEB2B2;
-		}
+		.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 -->
diff --git a/Week 1.2 - CSS/5. Transitions/index.html b/Week 1.2 - CSS/5. Transitions/index.html
index 3cf0b470..9da001ba 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -21,13 +21,12 @@
 		.box {
 			width: 100px;
 			height: 100px;
-			zoom: 100%;
 			background-color: rebeccapurple;
 			transition: transform 160ms;
 		}
 		.box:hover {
 			transform: scale(2.0);
-			transition: transform 200ms;
+			transition-duration: 200ms;
 		}
 	</style>
 
diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html
index caa8730b..6b8687cf 100644
--- a/Week 1.3 - JavaScript/2. Map/index.html	
+++ b/Week 1.3 - JavaScript/2. Map/index.html	
@@ -16,9 +16,7 @@
 		// 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 = startingArray.map(name => {
-			return { name: name }
-		});
+		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 7c4c5715..0b7d8f29 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	
@@ -22,7 +22,7 @@
 				mood: 'Powerful, spirited...',
 			};
 
-			return data[key] || 'Error: Invalid option selected...';
+			return data[key] ?? 'Error: Invalid option selected...';
 		}
 	</script>
 

From f7c5a81df9c597708fec44f2e3e6cbc79b47f8b2 Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Thu, 16 Jun 2022 17:34:21 -0600
Subject: [PATCH 09/10] first 3 flexbox assessments completed

---
 Week 2.2 - Flexbox/1. Centering/index.html                | 3 +++
 Week 2.2 - Flexbox/2. Placing Items/index.html            | 4 ++++
 Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html | 5 +++++
 Week 2.2 - Flexbox/4. Flexing/index.html                  | 3 +++
 4 files changed, 15 insertions(+)

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..da407f3c 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -28,6 +28,10 @@
 
 				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..e917b296 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,11 @@
 
 	<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..3adaf714 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -40,10 +40,13 @@
 	<style>
 		form {
 			/* Add any needed code here */
+			display: flex;
+			border: 5px solid black;
 		}
 		
 		form input {
 			/* All inputs should allowed to grow and shrink with a basis of 10ch */
+			align-self: stretch;
 		}
 
 		form [type="email"] {

From e995a1e628049809621f864323ae6d773375dbcd Mon Sep 17 00:00:00 2001
From: Tate Mitchell <tate.mitchell@simpleviewinc.com>
Date: Thu, 23 Jun 2022 09:55:03 -0600
Subject: [PATCH 10/10] completed 2.2 Flexbox assessments

---
 Week 2.2 - Flexbox/4. Flexing/index.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/Week 2.2 - Flexbox/4. Flexing/index.html b/Week 2.2 - Flexbox/4. Flexing/index.html
index 3adaf714..a28df496 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -41,16 +41,19 @@
 		form {
 			/* Add any needed code here */
 			display: flex;
-			border: 5px solid black;
+			flex-wrap: wrap;
 		}
 		
 		form input {
 			/* All inputs should allowed to grow and shrink with a basis of 10ch */
-			align-self: stretch;
+			flex-grow: 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>
 
