Merge pull request steam-bell-92#1112 from nishtha-agarwal-211/fix-sidebar-overlap-hero-timeline

fix: add sidebar offset padding to hero and timeline sections (steam-bell-92#1071)

Author: steam-bell-92

web-app/css/styles.css

@@ -1867,6 +1867,16 @@ body.sidebar-active .sidebar-dock {
     padding-left: 128px !important;
   }
 
+  body.sidebar-active:not(.sidebar-collapsed) .hero-section,
+  body.sidebar-active:not(.sidebar-collapsed) .hero-timeline-section {
+    padding-left: 296px !important;
+  }
+
+  body.sidebar-collapsed .hero-section,
+  body.sidebar-collapsed .hero-timeline-section {
+    padding-left: 128px !important;
+  }
+
   body.sidebar-collapsed .projects-grid {
     grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
     gap: 20px;