Adjusting about us links style for consistency

Author: mariana-caldas

pages/about.js

@@ -6,10 +6,10 @@ import Container from '@/components/containers/Container';
 
 export default function AboutUs() {
   return (
-    <div className='about-us'>
+    <div className="about-us">
       <RevealContentContainer>
         <Container>
-          <Title title='About Web Dev Path' />
+          <Title title="About Web Dev Path" />
           <TwoColumn
             content={
               <div>
@@ -19,23 +19,36 @@ export default function AboutUs() {
                 junior developers, it was evident the lack of practical
                 experience with version control in a team dynamic was making
                 their integration in a professional environment harder. Most of
-                those new graduates used a version control feature, such as&nbsp;
-                <a target="_blank" href='http://www.github.com' rel="noopener noreferrer">GitHub</a> or&nbsp;
-                <a target="_blank" href='http://www.bitbucket.com' rel="noopener noreferrer">Bitbucket</a>,
-                as a repository for their personal projects where they were the
-                only participants. So, all that “branch out and PR review” enriching
-                process was completely unknown to them.
-                That happened to be a problem either for being
-                considered for “junior” positions and after being hired because,
-                in most cases, their team lead was a very, very busy senior
-                developer…
+                those new graduates used a version control feature, such
+                as&nbsp;
+                <a
+                  target="_blank"
+                  href="http://www.github.com"
+                  rel="noopener noreferrer"
+                >
+                  GitHub
+                </a>{' '}
+                or&nbsp;
+                <a
+                  target="_blank"
+                  href="http://www.bitbucket.com"
+                  rel="noopener noreferrer"
+                >
+                  Bitbucket
+                </a>
+                , as a repository for their personal projects where they were
+                the only participants. So, all that “branch out and PR review”
+                enriching process was completely unknown to them. That happened
+                to be a problem either for being considered for “junior”
+                positions and after being hired because, in most cases, their
+                team lead was a very, very busy senior developer…
               </div>
             }
-            rowOrder='row-reverse'
-            image='/images/svg/square-brackets.svg'
+            rowOrder="row-reverse"
+            image="/images/svg/square-brackets.svg"
             color={primary}
             bgColor={white}
-            customInnerClass='about-content'
+            customInnerClass="about-content"
           />
           <TwoColumn
             content={
@@ -50,19 +63,19 @@ export default function AboutUs() {
                 cut it.
               </div>
             }
-            image='/images/svg/open-angle-bracket.svg'
+            image="/images/svg/open-angle-bracket.svg"
             color={primary}
             bgColor={white}
-            customInnerClass='about-content'
+            customInnerClass="about-content"
           />
         </Container>
       </RevealContentContainer>
 
-      <RevealContentContainer>
+      {/* <RevealContentContainer>
         <Container>
-          <Title title='Our goals' />
+          <Title title="Our goals" />
         </Container>
-      </RevealContentContainer>
+      </RevealContentContainer> */}
     </div>
   );
 }

styles/TwoColumn.module.scss

@@ -72,7 +72,12 @@
 
       a {
         text-decoration: underline;
-        text-underline-offset: 1px;
+        text-underline-offset: 2px;
+
+        &:hover {
+          opacity: 0.6;
+          text-decoration: none;
+        }
       }
     }