From 22c948c7c224ed4738fde25aa6f9d29cacd4c50c Mon Sep 17 00:00:00 2001
From: michelleykim <yeojin011016@gmail.com>
Date: Sat, 16 Mar 2024 12:27:26 -0700
Subject: [PATCH 1/4] add flexbox and media query exercise

---
 styles.css | 39 +++++++++++++++++++++++++++++++--------
 1 file changed, 31 insertions(+), 8 deletions(-)

diff --git a/styles.css b/styles.css
index 88b0896..3b1e34d 100644
--- a/styles.css
+++ b/styles.css
@@ -5,15 +5,38 @@ body {
   margin: 10vh 20vw;
 }
 
-.navbar {
-  overflow: hidden;
-  background-color: #333;
-  position: fixed;
-  left: 0;
-  width: 15vw;
-}
-
 a {
   color: white;
   text-decoration: none;
+  font-size: large;
+}
+
+@media only screen and (max-device-width: 768px) {
+  .navbar {
+    overflow: hidden;
+    background-color: #333;
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    padding: 2vw;
+  }
+}
+
+@media only screen and (min-device-width: 768px) {
+  .navbar {
+    overflow: hidden;
+    background-color: #333;
+    position: fixed;
+    left: 0;
+    width: 12vw;
+    height: 20vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    padding: 2vw;
+  }
 }
\ No newline at end of file

From fd608ee001ce70cca96f33d8acc6676574d839ee Mon Sep 17 00:00:00 2001
From: michelleykim <yeojin011016@gmail.com>
Date: Sat, 16 Mar 2024 12:30:33 -0700
Subject: [PATCH 2/4] add attribute selector exercise

---
 styles.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/styles.css b/styles.css
index 3b1e34d..0afdd47 100644
--- a/styles.css
+++ b/styles.css
@@ -11,6 +11,10 @@ a {
   font-size: large;
 }
 
+a[href^="https"] {
+  text-decoration: underline;
+}
+
 @media only screen and (max-device-width: 768px) {
   .navbar {
     overflow: hidden;

From e60e0532e93c394066159df553e2c78b744174bb Mon Sep 17 00:00:00 2001
From: michelleykim <yeojin011016@gmail.com>
Date: Sat, 16 Mar 2024 12:41:00 -0700
Subject: [PATCH 3/4] add combinator exercise

---
 index.html | 9 +++++++--
 styles.css | 4 ++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 32c5d2b..560063e 100644
--- a/index.html
+++ b/index.html
@@ -37,8 +37,13 @@ <h2>Amazon, SWE</h2>
 				<div>
 					<ul>
 						<li>Solved world hunger through AWS</li>
-						<li>Had dinner with Jeff Bezos</li>
-						<li>My project was featured on their website</li>
+						<li>
+							Had dinner with Jeff Bezos
+							<ul>
+								<li>He said my project was cool</li>
+								<li>I ordered steak</li>
+							</ul>
+						</li>
 					</ul>
 				</div>
 			</div>
diff --git a/styles.css b/styles.css
index 0afdd47..75a9027 100644
--- a/styles.css
+++ b/styles.css
@@ -43,4 +43,8 @@ a[href^="https"] {
     justify-content: space-around;
     padding: 2vw;
   }
+}
+
+li li {
+  font-weight: bold;
 }
\ No newline at end of file

From 4f2af145ab4279c21d7fe21b7088ace2c040bc2c Mon Sep 17 00:00:00 2001
From: michelleykim <yeojin011016@gmail.com>
Date: Sat, 16 Mar 2024 12:51:11 -0700
Subject: [PATCH 4/4] add animation exercise

---
 index.html |  2 +-
 styles.css | 26 ++++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 560063e..019b31b 100644
--- a/index.html
+++ b/index.html
@@ -61,7 +61,7 @@ <h2>Big Tech, SWE</h2>
 		<div id="projects">
 			<h1>Projects</h1>
 			<div>
-				<h2>Project 1</h2>
+				<h2 class="bouncy">Project 1</h2>
 				<div>
 					<ul>
 						<li>https://github.com/ubclaunchpad/liftoff-css</li>
diff --git a/styles.css b/styles.css
index 75a9027..8709f31 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,7 @@
+html {
+  scroll-behavior: smooth;
+}
+
 body {
   font-family: "Hanken Grotesk", sans-serif;
   font-optical-sizing: auto;
@@ -47,4 +51,26 @@ a[href^="https"] {
 
 li li {
   font-weight: bold;
+}
+
+.bouncy {
+  animation-name: bounce;
+  animation-timing-function: linear;
+  animation-duration: 1s;
+  animation-iteration-count: infinite;
+}
+
+@keyframes bounce {
+  0% {
+    transform: translateY(0);
+  }
+
+  50% {
+    transform: translateY(-10px);
+
+  }
+
+  100% {
+    transform: translateY(0);
+  }
 }
\ No newline at end of file