From 2cf651f3f50fdc96555085deedcbc422928856b5 Mon Sep 17 00:00:00 2001 From: Steven Feng Date: Sat, 11 Oct 2025 08:41:05 -0700 Subject: [PATCH 1/4] update alignment --- src/styles/about.scss | 18 ++---------------- 1 file changed, 2 insertions(+), 16 deletions(-) diff --git a/src/styles/about.scss b/src/styles/about.scss index 02305fc..e064dbd 100644 --- a/src/styles/about.scss +++ b/src/styles/about.scss @@ -27,28 +27,14 @@ flex-wrap: wrap; justify-content: space-between; align-items: center; - - /* Add mobile horizontal padding */ - @media (max-width: 768px) { - padding: 0 16px; - } - @media (max-width: 480px) { - padding: 0 12px; - } .content { width: 55%; - padding: 0 32px; /* Add horizontal padding to ensure spacing from edges */ + padding: 0; /* Remove extra padding - container already has padding */ @media (max-width: 992px) { width: 100%; - padding: 0 24px; /* Reduced padding on smaller screens */ - } - @media (max-width: 768px) { - padding: 0 20px; /* Further reduced padding on mobile */ - } - @media (max-width: 480px) { - padding: 0 16px; /* Minimal padding on small screens */ + padding: 0; /* Remove extra padding */ } p { From d9d5aef4797d92f85fe5293cbcc14dbbfbff2087 Mon Sep 17 00:00:00 2001 From: stevenf7 <34409734+stevenf7@users.noreply.github.com> Date: Sat, 11 Oct 2025 08:44:36 -0700 Subject: [PATCH 2/4] update paddings' --- src/styles/NVIDIA.scss | 25 +++---------------------- src/styles/about.scss | 1 + 2 files changed, 4 insertions(+), 22 deletions(-) diff --git a/src/styles/NVIDIA.scss b/src/styles/NVIDIA.scss index 1db8ae8..56cd976 100644 --- a/src/styles/NVIDIA.scss +++ b/src/styles/NVIDIA.scss @@ -32,31 +32,14 @@ margin-bottom: 2rem; width: 100%; max-width: 1000px; /* Ensure it doesn't exceed 1000px */ - - /* Add mobile horizontal padding */ - @media (max-width: 768px) { - padding: 0 16px; - } - @media (max-width: 480px) { - padding: 0 12px; - } + padding: 0; /* Remove all padding - container already has padding */ .content { width: 100%; max-width: 1000px; /* Ensure content doesn't exceed 1000px */ margin: 2rem auto 0; /* Center the content */ text-align: justify; - padding: 0 32px; /* Add horizontal padding to ensure spacing from edges */ - - @media (max-width: 768px) { - padding: 0 24px; /* Reduced padding on mobile */ - } - @media (max-width: 480px) { - padding: 0 20px; /* Further reduced padding on small screens */ - } - @media (max-width: 360px) { - padding: 0 16px; /* Minimal padding on very small screens */ - } + padding: 0; /* Remove extra padding - container already has padding */ h2 { font-size: 2rem; /* Reduced from 2.5rem (80% of original) */ @@ -78,16 +61,14 @@ line-height: 1.5; color: #333; margin-bottom: 1.6rem; /* Reduced from 2rem (80% of original) */ - padding: 0 1.6rem; /* Reduced from 2rem (80% of original) */ + padding: 0; /* Remove extra padding - container already has padding */ @media (max-width: 768px) { font-size: 1rem; /* Reverted to original mobile value */ - padding: 0 1rem; /* Reverted to original mobile value */ } @media (max-width: 480px) { font-size: 0.9rem; /* Reverted to original mobile value */ - padding: 0 0.5rem; /* Reverted to original mobile value */ } } diff --git a/src/styles/about.scss b/src/styles/about.scss index e064dbd..8359dbe 100644 --- a/src/styles/about.scss +++ b/src/styles/about.scss @@ -27,6 +27,7 @@ flex-wrap: wrap; justify-content: space-between; align-items: center; + padding: 0; /* Remove all padding - container already has padding */ .content { width: 55%; From 302b379711e98d865612dbd59606f4996d1c122f Mon Sep 17 00:00:00 2001 From: stevenf7 <34409734+stevenf7@users.noreply.github.com> Date: Sat, 11 Oct 2025 08:49:26 -0700 Subject: [PATCH 3/4] update format --- src/styles/NVIDIA.scss | 2 +- src/styles/about.scss | 9 +++++---- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/styles/NVIDIA.scss b/src/styles/NVIDIA.scss index 56cd976..ec194bb 100644 --- a/src/styles/NVIDIA.scss +++ b/src/styles/NVIDIA.scss @@ -36,7 +36,7 @@ .content { width: 100%; - max-width: 1000px; /* Ensure content doesn't exceed 1000px */ + max-width: 900px; /* Slightly narrower than container for better readability */ margin: 2rem auto 0; /* Center the content */ text-align: justify; padding: 0; /* Remove extra padding - container already has padding */ diff --git a/src/styles/about.scss b/src/styles/about.scss index 8359dbe..a5b4a49 100644 --- a/src/styles/about.scss +++ b/src/styles/about.scss @@ -27,14 +27,15 @@ flex-wrap: wrap; justify-content: space-between; align-items: center; + gap: 2rem; /* Add gap between text and image */ padding: 0; /* Remove all padding - container already has padding */ .content { - width: 55%; + flex: 1 1 50%; /* Use flex instead of fixed width to account for gap */ padding: 0; /* Remove extra padding - container already has padding */ @media (max-width: 992px) { - width: 100%; + flex: 1 1 100%; padding: 0; /* Remove extra padding */ } @@ -56,7 +57,7 @@ } .image-container { - width: 40%; + flex: 1 1 35%; /* Use flex instead of fixed width to account for gap */ height: auto; overflow: hidden; border-radius: 12px; /* Reduced from 15px (80% of original) */ @@ -65,7 +66,7 @@ z-index: 1; @media (max-width: 992px) { - width: 80%; + flex: 1 1 80%; margin: 2rem auto; /* Reverted to original mobile value */ } } From 32558b69f4e664670771af9601371662a286542f Mon Sep 17 00:00:00 2001 From: Steven Feng Date: Sat, 11 Oct 2025 09:02:06 -0700 Subject: [PATCH 4/4] update nvidia and about section styiling --- src/styles/NVIDIA.scss | 28 +++++++++++++++------------- src/styles/about.scss | 15 ++++++++++++++- 2 files changed, 29 insertions(+), 14 deletions(-) diff --git a/src/styles/NVIDIA.scss b/src/styles/NVIDIA.scss index ec194bb..5523e87 100644 --- a/src/styles/NVIDIA.scss +++ b/src/styles/NVIDIA.scss @@ -1,6 +1,18 @@ -.container { +#nvidia .container { max-width: 1000px; /* Ensure NVIDIA section doesn't exceed 1000px */ margin: 0 auto; /* Center the container */ + padding: 0 32px !important; /* Add horizontal padding to ensure spacing from edges */ + + /* Responsive padding for all screen sizes */ + @media (max-width: 768px) { + padding: 0 24px !important; /* Standard mobile padding */ + } + @media (max-width: 480px) { + padding: 0 20px !important; /* Comfortable padding on small phones */ + } + @media (max-width: 360px) { + padding: 0 16px !important; /* Minimal padding on very small screens */ + } h1 { margin-top: 3rem; /* Standardized 3rem spacing from previous section */ @@ -36,7 +48,7 @@ .content { width: 100%; - max-width: 900px; /* Slightly narrower than container for better readability */ + max-width: 1000px; /* Match container width for consistency with other sections */ margin: 2rem auto 0; /* Center the content */ text-align: justify; padding: 0; /* Remove extra padding - container already has padding */ @@ -93,17 +105,7 @@ max-width: 1000px; /* Ensure carousel doesn't exceed 1000px */ margin: 0 auto; /* Center the carousel */ position: relative; - padding: 0 32px; /* Add horizontal padding to ensure spacing from edges */ - - @media (max-width: 768px) { - padding: 0 24px; /* Reduced padding on mobile */ - } - @media (max-width: 480px) { - padding: 0 20px; /* Further reduced padding on small screens */ - } - @media (max-width: 360px) { - padding: 0 16px; /* Minimal padding on very small screens */ - } + padding: 0; /* Remove padding - container already has padding */ @media (max-width: 992px) { width: 100%; diff --git a/src/styles/about.scss b/src/styles/about.scss index a5b4a49..eef92c2 100644 --- a/src/styles/about.scss +++ b/src/styles/about.scss @@ -1,4 +1,17 @@ -.container{ +#about .container{ + padding: 0 32px !important; /* Add horizontal padding to ensure spacing from edges */ + + /* Responsive padding for all screen sizes */ + @media (max-width: 768px) { + padding: 0 24px !important; /* Standard mobile padding */ + } + @media (max-width: 480px) { + padding: 0 20px !important; /* Comfortable padding on small phones */ + } + @media (max-width: 360px) { + padding: 0 16px !important; /* Minimal padding on very small screens */ + } + h1 { margin-top: 3rem; /* Standardized 3rem spacing from previous section */ margin-bottom: 1rem; /* Standardized header bottom spacing */