yo

sairohitp · Dec 17, 2023 · f26c680 · f26c680
1 parent 759ecd2
commit f26c680
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 12 deletions.
diff --git a/src/components/experience/Activities.js b/src/components/experience/Activities.js
@@ -16,7 +16,7 @@ const Activities = (props) => {
 
                     <div className={ExperienceCSS.stripInnerActivityContent}>
                         <div>
-                            <h5>{props.activityTitle}</h5>
+                            <h6>{props.activityTitle}</h6>
                         </div>
                         <div>
                             <p>{props.activityDescription}</p>

diff --git a/src/components/experience/Experience.module.css b/src/components/experience/Experience.module.css
@@ -1,3 +1,14 @@
+/* Hide scrollbar for Chrome, Safari and Opera */
+#parentsection::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+#parentsection {
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+}
+
 #parentsection {
   position: absolute;
 
@@ -83,7 +94,7 @@
 .stripContent {
   display: flex;
   flex-direction: column;
-  gap: 30px;
+  gap: 20px;
   align-items: flex-start;
   width: 100%;
 }
@@ -155,7 +166,7 @@
   gap: 10px;
 }
 
-.stripInnerActivityContent > div > h5 {
+.stripInnerActivityContent > div > h6 {
   font-weight: 700;
 }
 

diff --git a/src/components/experience/Position.js b/src/components/experience/Position.js
@@ -12,21 +12,21 @@ const Position = (props) => {
                 <div className={ExperienceCSS.stripContentInnerLeft}>
                     <div className={ExperienceCSS.stripInnerContentSubHeading}>
                         <div>
-                            <h4 className={ExperienceCSS.positionTitle}>
+                            <h6 className={ExperienceCSS.positionTitle}>
                                 {props.position}
-                            </h4>
+                            </h6>
                         </div>
                         <div>
-                            <h4>{props.positionDateRange}</h4>
+                            <h6>{props.positionDateRange}</h6>
                         </div>
                     </div>
 
                     <div className={ExperienceCSS.stripInnerContentSubHeading}>
                         <div>
-                            <h4>{props.positionDescription}</h4>
+                            <h6>{props.positionDescription}</h6>
                         </div>
                         <div>
-                            <h4>{props.positionDuration}</h4>
+                            <h6>{props.positionDuration}</h6>
                         </div>
                     </div>
                 </div>
@@ -46,11 +46,11 @@ const Position = (props) => {
             {/* activities */}
 
             <div className={ExperienceCSS.stripInnerActivityBoundingBox}>
-                <h5>
+                <h6>
                     <span className={ExperienceCSS.subsubsubtitle}>
                         Activities & Records:
                     </span>
-                </h5>
+                </h6>
             {props.activities}
             </div>
 
@@ -59,12 +59,12 @@ const Position = (props) => {
             {/* skills */}
 
             <div>
-                <h5>
+                <h6>
                     <span className={ExperienceCSS.subsubsubtitle}>
                         Skills:
                     </span>{" "}
                     {props.positionSkills}
-                </h5>
+                </h6>
             </div>
 
         </div>

diff --git a/src/index.css b/src/index.css
@@ -121,4 +121,15 @@ hr {
 
 .navIcon {
   font-size: 18px;
+}
+
+/* Hide scrollbar for Chrome, Safari and Opera */
+.example::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.example {
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
 }