diff --git a/css/experience.css b/css/experience.css
index b55ffc1..5a8209c 100644
--- a/css/experience.css
+++ b/css/experience.css
@@ -150,6 +150,10 @@
color: var(--offwhite);
}
+.experience .card .simple {
+ display: none;
+}
+
.experience a {
color: var(--background);
}
@@ -197,4 +201,43 @@
.experience .button:hover .icon {
filter: invert(55%) sepia(73%) saturate(1298%) hue-rotate(339deg) brightness(101%) contrast(102%);
+}
+
+@media (max-width: 1200px) {
+ .section_header h1 {
+ margin-left: auto;
+ margin-right: auto;
+ left: 0;
+ }
+
+ .experience .timeline {
+ width: 95%;
+ max-width: 90%;
+ }
+
+ .experience .card h1 {
+ font-size: 2.4rem;
+ }
+
+ .experience .card h2 {
+ font-size: 1.75rem;
+ }
+
+ .experience .card .detailed {
+ display: none;
+ }
+
+ .experience .card .simple {
+ font-size: 0.9rem;
+ display: block;
+ }
+
+ .experience .button {
+ margin-top: 0.75rem;
+ font-size: 1.75rem;
+ }
+
+ .experience .button img {
+ display: none;
+ }
}
\ No newline at end of file
diff --git a/css/nav_home.css b/css/nav_home.css
index 2ebfd54..1f4e958 100644
--- a/css/nav_home.css
+++ b/css/nav_home.css
@@ -12,7 +12,7 @@ nav {
left: 0;
z-index: 1;
display: flex;
- height: 8vh;
+ height: 7rem;
width: 100%;
background-color: rgba(215, 232, 186, 0.4);
align-items: center;
@@ -25,7 +25,7 @@ nav .logo-container {
}
nav .logo-container img {
- height: 6vh;
+ height: 6rem;
}
nav .nav-links {
@@ -37,7 +37,7 @@ nav .nav-links {
nav .nav-links a {
display: inline-block;
- font-size: 3vh;
+ font-size: 3rem;
text-decoration: none;
color: var(--offwhite);
padding: 20px 5px;
@@ -99,7 +99,8 @@ nav .nav-links a:last-child:hover::before {
/* Styling for the welcome text and image */
.welcome-section {
text-align: center;
- padding: 12vh 0vh 4vh 0vh;
+ margin-top: 7rem;
+ padding: 4vh 0vh 4vh 0vh;
width: 100%;
height: max-content;
}
@@ -127,17 +128,16 @@ nav .nav-links a:last-child:hover::before {
.text-wrapper h1 {
margin-top: 0;
margin-bottom: 0;
- font-size: 16vh;
+ font-size: 10rem;
line-height: 1;
}
.text-wrapper h3 {
margin-top: 0;
margin-bottom: 0;
- font-size: 8vh;
+ font-size: 6rem;
line-height: 1;
font-family: 'Righteous', cursive;
}
-
.text-wrapper p {
font-size: 3.75vh;
margin-top: 2vh;
@@ -145,10 +145,11 @@ nav .nav-links a:last-child:hover::before {
line-height: 1;
}
-.typing-container .text{
+.typing-container .text {
font-size: 2rem;
}
+
.typing-container {
position: relative;
width: max-content;
@@ -221,4 +222,37 @@ nav .nav-links a:last-child:hover::before {
z-index: -10;
top: 0;
left: 0
-}
\ No newline at end of file
+}
+
+@media (max-width: 1200px) {
+ .welcome-section {
+ width: 100%;
+ }
+ .image-wrapper{
+ display: block;
+ margin: 0px 0px 0px 0px;
+ height: max-content;
+ }
+ .image-wrapper img{
+ margin-left: auto;
+ margin-right: auto;
+ padding: 0;
+ padding-bottom: 2vh;
+ height: 32vh;
+ border-radius: 5%;
+ }
+
+ .text-wrapper {
+ width: max-content;
+ }
+
+ .typing-container {
+ display: none;
+ }
+
+ .text-wrapper img {
+ height: 80px;
+ width: 80px;
+ margin: 12px 18px;
+ }
+}
diff --git a/css/utlities.css b/css/utlities.css
index 35279b7..bc29085 100644
--- a/css/utlities.css
+++ b/css/utlities.css
@@ -107,3 +107,9 @@ footer p {
color: var(--orange);
}
+@media (max-width: 1200px) {
+ footer p {
+ font-size: 1.75rem;
+ }
+
+}
diff --git a/index.html b/index.html
index 2c8dffb..04555cc 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,6 @@
☑ Leading interactive labs for ~60 students, totalling 120 minutes, teaching fundamentals of coding, C, and datastructures.
+
☑ Leading interactive labs for ~60 students, totalling 120 minutes, teaching fundamentals of coding, C, and datastructures.
☑ Orchestrate office hours for personalized student support, focusing on largely theoretical discussions about C, alongside debugging sessions.
☑ Working with professors to develop new material and problem sets to effectively challenge students in a collaborative and engaging format that enhances learning.
Teach over 60 students the fundamentals of coding, C, and datastructures, alongside working with professors to develop new problem sets to challenge students in a format that works alongside Generative AI.