improve layout for About section & update csv file

src/components/About/About.css

@@ -34,8 +34,8 @@ p.bigger {
 }
 
 img.profile {
-  width: 23rem;
-  height: 23rem;
+  width: 15rem;
+  height: 15rem;
   transition: 0.3s ease-in-out;
   border-radius: 100%;
 }
@@ -86,6 +86,14 @@ img.profile {
   fill: var(--color-primary);
 }
 
+@media screen and (min-width: 900px) and (max-width: 1300px) {
+  img.profile {
+    width: 15rem;
+    height: 15rem;
+    margin-bottom: 2rem;
+  }
+}
+
 @media screen and (max-width: 940px) {
   h1.aboutMeHeader {
     width: 80%;

src/components/About/About.tsx

@@ -32,15 +32,16 @@ function About() {
           <h1 className="aboutMeHeader">{Text.headers.aboutMe}</h1>
         </Col>
         <Col
-          lg={6}
+          xl={3}
+          lg={12}
           md={12}
           sm={12}
           data-aos={tabletSize ? "fade-right" : "zoom-in-right"}
           data-aos-once="true"
         >
           <img className="profile" src={Profile} alt="Me" />
         </Col>
-        <Col lg={6} md={12} sm={12}>
+        <Col xl={9} lg={12} md={12} sm={12}>
           <div
             className="textContainer"
             data-aos={tabletSize ? "fade-left" : "fade-down"}

src/constants.ts

@@ -14,7 +14,7 @@ const Text = {
   AlwaysDiscovering:
     "A part of being a software developer is being able to keep up with the latest technologies. and as technology evolves, I constantly find myself learning new things, exposing myself to new tools and technologies, and growing my skills and knowledge.",
   yearsOfExperience: `
-  Over the last year and a half, I've been involved in several projects of different sizes. I've worked closely with other engineers, designers, QA, and project managers. Each project has been a chance for me to learn new technologies, share knowledge with colleagues, and get better at writing high-quality code as part of a team.`,
+  Over the last year and a half, I've been involved in a variety of projects of different sizes. I've worked closely with other engineers, designers, QA, and project managers. Each project has been a chance for me to learn new technologies, share and gain knowledge from colleagues, and get better at writing high-quality code as part of a team.`,
   ContactMe: "If you came all this way, you probably liked what you've seen.",
   ContactMeBold: "if so, tell me about it!",
   MessageSent: "Thank you for your response!",

src/data/TimelineChapters.ts

@@ -17,6 +17,7 @@ const TimelineChapters: TimelineChapter[] = [
       "Monday",
       "Make",
       "Automation",
+      "Integrations",
       "Postman",
       "Jira",
     ],

src/index.css

@@ -8,15 +8,6 @@
   --color-offWhite: rgb(230, 230, 230);
 }
 
-* {
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none; /* Safari */
-  -moz-user-select: none; /* Old versions of Firefox */
-  -ms-user-select: none; /* Internet Explorer/Edge */
-  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
-}
-
 body {
   box-sizing: border-box;
   width: 100%;