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 @@
-
Mehul Goel
@@ -49,8 +48,7 @@

Mehul Goel

-
- +
@@ -67,10 +65,11 @@

PROFESSIONAL EXPERIENCE

Carnegie Mellon University, Pittsburgh, PA

TEACHING ASSISTANT FOR 15-122 (IMPERATIVE COMPUTATION)

-

☑ 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.