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..f41f7b4e 100644
--- a/Week 1.1 - HTML/1. Build a Form/index.html	
+++ b/Week 1.1 - HTML/1. Build a Form/index.html	
@@ -9,5 +9,17 @@
 	
 	<!-- Add your code here -->
 
+	<form action="/login" method="post">
+	<div>
+		<label for="email">Email</label>
+		<input type="email" name="email" required>
+	</div>
+	<div>
+		<label for="password">Password</label>
+		<input type="password" name="password" required>
+	</div>
+	<input type="submit" value="Log In">
+	</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..a064038d 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,16 @@
 <body>
 	
 	<!-- Add your code here -->
+	<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 that shows height and width" 
+		height="180" 
+		width="400"/>
+	</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..ffc9dadd 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,14 @@
 <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 that shows an image's height and width" 
+		height="540" 
+		width="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..88cfab07 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	
@@ -5,9 +5,55 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Mock Up a Design</title>
 </head>
+
+</style>
+
+
+
+
 <body>
 	
 	<!-- Add your code here -->
+	<nav></nav>
+
+	<div class="container">
+		<div>
+			
+		</div>
+		<div class="container-head">
+			<div class="tab-title">
+				<h3>Phase 4:</h3>
+			</div>
+			<h1>Destination Thrive</h1>
+		</div>
+		<div class="container-main">
+			<div>
+				<h2>Objective: Creat omni-channel synergy</h3>
+			</div>
+			<div class="container-section">
+				<p>
+
+				</p>
+			</div>
+			<hr>
+			<div class="container-section">
+				<div>
+					<h4>Key Focus:</h4>
+					<ul>
+						<li>a</li>
+						<li>a</li>
+						<li>a</li>
+					</ul>
+				</div>
+				<div>
+					<h4>Time <span>{-}</span></h4>
+					<p></p>
+				</div>
+			</div>
+		</div>
+		
+
+	</div>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/Week 1.2 - CSS/1. Selectors - Attributes/index.html b/Week 1.2 - CSS/1. Selectors - Attributes/index.html
index 3d9c05b8..012bf5c2 100644
--- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
+++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html	
@@ -9,7 +9,7 @@
 	
 	<style>
 		/* Update the following line of CSS to only style the inputs of type `text` */
-		* { border: 2px solid rebeccapurple; }
+		input[type="text"] { border: 2px solid rebeccapurple; }
 	</style>
 
 	<input type="text" />
diff --git a/Week 1.2 - CSS/2. Selectors - Children/index.html b/Week 1.2 - CSS/2. Selectors - Children/index.html
index 7ff366db..3a43d88b 100644
--- a/Week 1.2 - CSS/2. Selectors - Children/index.html	
+++ b/Week 1.2 - CSS/2. Selectors - Children/index.html	
@@ -9,7 +9,7 @@
 	
 	<style>
 		/* Update the following line of CSS to only style the immediate `.item` children of `.container` */
-		.container .item { border: 2px solid rebeccapurple; }
+		.container > .item { border: 2px solid rebeccapurple; }
 	</style>
 
 	<ul class="container">
diff --git a/Week 1.2 - CSS/3. Selectors - Siblings/index.html b/Week 1.2 - CSS/3. Selectors - Siblings/index.html
index b6086a75..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..c5cb82e8 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,30 @@
 	
 	<style>
 		/* Add your CSS here */
+		button{
+			border-radius:4px;
+			padding:12px 32px 12px 32px;
+			color:black;
+		}
+		.btn-default{
+			background-color:#f5f5f5;
+			}
+		.btn-primary{
+			background-color:#90CDF4;	
+			}
+		.btn-link{
+			background-color:transparent;	
+			}
+		.btn-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="btn-default">Default</button>
+	<button class="btn-primary">Primary</button>
+	<button class="btn-link">Link</button>
+	<button class="btn-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..240002c5 100644
--- a/Week 1.2 - CSS/5. Transitions/index.html	
+++ b/Week 1.2 - CSS/5. Transitions/index.html	
@@ -22,6 +22,11 @@
 			width: 100px;
 			height: 100px;
 			background-color: rebeccapurple;
+			transition:200ms;
+		}
+
+		.box:hover {
+			transform:scale(2);
 		}
 	</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..5930d2e0 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..ca14143c 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((e)=>e%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..5f989679 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(e=>{return {name:e}});
 
 		// 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..8bf8f2f7 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	
@@ -12,21 +12,22 @@
 		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...';
-			}
+			let data = new Map();
+			data.set('date','October 6, 1986')
+				.set('time','21:13 PM')
+				.set('mood','Powerful, spirited...')
 
-			return rtn;
+			if(data.has(key)){
+				let rtn = data.get(key);
+				return rtn;
+			}else{
+				return 'Error: Invalid option selected...'
+			}
 		}
+
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/4. Event Listeners/index.html b/Week 1.3 - JavaScript/4. Event Listeners/index.html
index d284e48f..5c7cf814 100644
--- a/Week 1.3 - JavaScript/4. Event Listeners/index.html	
+++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html	
@@ -20,6 +20,8 @@ <h1 data-counter>0</h1>
 		}
 
 		// Add your code here to make clicking the button run the increment function
+
+		document.querySelector('[data-action]').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..076878e2 100644
--- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
+++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html	
@@ -24,6 +24,10 @@ <h2>More Jeff Goldblum</h2>
 
 	<script>
 		// Add you code here
+		let scriptHTML = document.querySelector('script[type="text/template"]').innerHTML
+        let main = document.querySelector('main.container')
+        main.insertAdjacentHTML("beforeend", scriptHTML);
+		
 	</script>
 
 </body>
diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html
index c1da8137..1fa5e1a5 100644
--- a/Week 1.3 - JavaScript/Data Fetching/index.html	
+++ b/Week 1.3 - JavaScript/Data Fetching/index.html	
@@ -11,6 +11,23 @@
 	
 	<script>
 		// Add your code here
+		const movieList = document.querySelector('ul.movies')
+		fetch('https://ghibliapi.herokuapp.com/films',{
+			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} - ${movie.original_title}`;
+				movieList.appendChild(li);
+			})	
+		})
+		.catch(err=>{console.log(err)})
+
+
 	</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..a272b47d 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,9 @@
 	<style>
 		.cards {
 			/* Add your code here */
+			display:grid;
+			grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
+			grid-auto-flow:row;
 		}
 	</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..84ce32ee 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,15 @@
 
 	<style>
 		/* Add your code here */
+		.photo{
+		display:grid;
+		}
+
+		.photo, img{
+			grid-column:1;
+			grid-row:1;
+		}
+		
 	</style>
 
 	<div class="photo">
@@ -26,7 +35,7 @@
 		<img class="channel channel-magenta" src="./magenta.png" alt="magenta" />
 		<img class="channel channel-yellow" src="./yellow.png" alt="yellow" />
 		<img class="channel channel-black" src="./black.png" alt="black" />
-	</div>
+	</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..f527f8e5 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,54 +1,57 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>Placing Items - Advanced</title>
 
+</head>
+
+<body>
+
 	<style>
+		body{
+			/* increased body height for letter sticking visual */
+			height:1200px; 
+		}
+		
 		.grid {
+			position:relative;
 			display: grid;
-			gap: 8px;
-			grid-template-columns: repeat(6, 100px);
-			margin: 0 auto 200vh;
-			max-width: 776px;
+			grid-template-columns:repeat(6,1fr);
+			grid-template-rows:repeat(7,1fr);
+			grid-template-areas: ". . . . . ."
+								 "h . . . . ."
+								 ". e . . . ."
+								 ". . l-1 . . ."
+								 ". . . l-2 . ."
+								 ". . . . o ."
+								 ". . . . . sy-1";
 		}
-
-		.grid > * {
-			grid-column: span 1;
-			grid-row: span 1;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			width: 100px;
-			height: 100px;
-			font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-			font-size: 3rem;
-			font-weight: 700;
-			color: #212121;
-			text-transform: uppercase;
-			border: 2px solid slategrey;
-			border-radius: 4px;
-			background-color: whitesmoke;
+		.letter{
+			position:sticky;
+			top:0px;
 		}
-
-		.letter {
-			grid-column: 1;
-			grid-row: 1;
-			border-color: tomato;
-			background-color: lightcoral;
+		.letter:nth-child(1){
+			grid-area:h;
 		}
-
-		.placeholder {
-			border-color: mediumslateblue;
-			background-color: lightcyan;
+		.letter:nth-child(2){
+			grid-area:e;
 		}
-	</style>
-</head>
-<body>
-	
-	<style>
-		/* Add your code here */
+		.letter:nth-child(3){
+			grid-area:l-1;
+		} 
+		.letter:nth-child(4){
+			grid-area:l-2;
+		}
+		.letter:nth-child(5){
+			grid-area:o;
+		}
+		.letter:nth-child(6){
+			grid-area:sy-1;
+		} 
+		
 	</style>
 
 	<div class="grid">
@@ -58,55 +61,8 @@
 		<li class="letter letter-l">l</li>
 		<li class="letter letter-o">o</li>
 		<li class="letter letter-!">!</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>
-		<li></li>
-		<li></li>
 	</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..a1518a50 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..00c97b5f 100644
--- a/Week 2.2 - Flexbox/2. Placing Items/index.html	
+++ b/Week 2.2 - Flexbox/2. Placing Items/index.html	
@@ -28,6 +28,9 @@
 
 				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..0793036a 100644
--- a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
+++ b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html	
@@ -13,18 +13,31 @@
 			margin: 0 auto;
 			max-width: 1200px;
 		}
-
 		.card img {
 			display: block;
 			width: 100%;
 			height: auto;
 		}
+
 	</style>
 </head>
 <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;
+		}
+		.card > * {
+			flex:1;
+		}
+		.card a{
+			display:flex;
+			flex-direction:column;
+			justify-content:end;
+		}
+
 	</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..a2efa927 100644
--- a/Week 2.2 - Flexbox/4. Flexing/index.html	
+++ b/Week 2.2 - Flexbox/4. Flexing/index.html	
@@ -40,14 +40,17 @@
 	<style>
 		form {
 			/* Add any needed code here */
+			display:flex;
+			flex-wrap:wrap;
 		}
-		
 		form input {
 			/* All inputs should allowed to grow and shrink with a basis of 10ch */
+			flex:1 1 10ch;
 		}
 
 		form [type="email"] {
 			/* This should grow 3 times faster than the other inputs with a basis of 30ch */
+			flex:3 1 30ch;
 		}
 	</style>
 
