kommentarer

varianter · Jul 7, 2023 · adc308a · adc308a
1 parent 15031be
commit adc308a
Show file tree

Hide file tree

Showing 4 changed files with 131 additions and 111 deletions.
diff --git a/src/summersplash2022/Content.tsx b/src/summersplash2022/Content.tsx
@@ -26,7 +26,9 @@ const Content = () => {
 
   const handleResize = () => {
     setIsMobile(window.matchMedia('(max-width: 700px)').matches);
-    setIsPad(window.matchMedia('(min-width: 701px) and (max-width: 1200px)').matches);
+    setIsPad(
+      window.matchMedia('(min-width: 701px) and (max-width: 1200px)').matches,
+    );
   };
 
   const handleOnClick = (buttonValue: string) => {
@@ -45,6 +47,7 @@ const Content = () => {
     ) {
       setWhichButtonSelected('Formal og verdier');
     }
+    handleOnClick('Formal og verdier');
   }, []);
 
   return (
@@ -95,7 +98,7 @@ const Content = () => {
               <h2 className={style.heading}>Hva går sommerjobben ut på?</h2>
               <div className={style.section2Flex}>
                 <div className={style.section2Text}>
-                {isPad ? (
+                  {isPad ? (
                     <div className={style.officeMapMobile}>
                       <img
                         src={norwayMap}
@@ -114,8 +117,13 @@ const Content = () => {
                     et av de spennende kundeprosjektene vi har. Underveis får du
                     god oppfølging og tilrettelegging fra erfarne konsulenter
                     som ønsker at du lykkes. Sjekk ut{' '}
-                    <a href='https://blog.variant.no/' className={style.blogpostLink}>bloggen vår</a> for å lese
-                    mer om hva årets sommerstudenter jobbet med.
+                    <a
+                      href="https://blog.variant.no/"
+                      className={style.blogpostLink}
+                    >
+                      bloggen vår
+                    </a>{' '}
+                    for å lese mer om hva årets sommerstudenter jobbet med.
                   </p>
 
                   <p className={style.section2Paragraph}>
@@ -212,8 +220,8 @@ const Content = () => {
                   med et megakult og aktuelt prosjekt med god oppfølging, både
                   fra Variant og kunden. Selv om Variant er et konsulentselskap,
                   har de et godt sosialt miljø hvor alle er inkluderende, ivrige
-                  og åpne. Jeg er superfornøyd med at
-                  jeg søkte sommerjobb hos Variant!!”
+                  og åpne. Jeg er superfornøyd med at jeg søkte sommerjobb hos
+                  Variant!!”
                 </p>
                 <p className={style.summerstudentName}>-Swarny</p>
               </div>

diff --git a/src/summersplash2022/index.module.css b/src/summersplash2022/index.module.css
@@ -370,8 +370,10 @@
 
 .flexTimeline {
   display: flex;
+  flex-direction: row;
   align-items: flex-start;
   justify-content: left;
+  gap: 1em;
 }
 
 .timeLine {
@@ -388,6 +390,14 @@
   padding-top: 10%;
 }
 
+.søknadstips {
+  position: relative;
+  left: 0px;
+  right: 5px;
+  bottom: 850px;
+  z-index: 1;
+}
+
 /* Section 6 styling*/
 
 .section6 {
@@ -515,7 +525,6 @@
 
 .whyWorkAtVariant {
   background-color: #fff3f2;
-  height: 1000px;
 }
 
 .handbookGrid {
@@ -558,6 +567,7 @@
   text-align: left;
   cursor: pointer;
   white-space: nowrap;
+  font-weight: bold;
 }
 
 .handbookButton2 {
@@ -583,6 +593,7 @@
   text-align: left;
   cursor: pointer;
   white-space: nowrap;
+  font-weight: bold;
 }
 
 .handbookButton3 {
@@ -608,6 +619,7 @@
   text-align: left;
   cursor: pointer;
   white-space: nowrap;
+  font-weight: bold;
 }
 
 .handbookButton4 {
@@ -633,6 +645,7 @@
   text-align: left;
   cursor: pointer;
   white-space: nowrap;
+  font-weight: bold;
 }
 
 .section5HandbookLinkMobile {
@@ -689,12 +702,6 @@
     overflow: hidden;
   }
 
-  .søknadstips {
-    position: relative;
-    left: 0px;
-    right: 5px;
-  }
-
   .section6 {
     height: 1100px;
   }
@@ -792,7 +799,7 @@
   }
 
   .flexTimeline {
-    display: block;
+    flex-direction: column;
   }
 
   .section5ParagraphLeft {
@@ -843,12 +850,13 @@
 
   .timeLine {
     position: relative;
-    bottom: 1000px;
+    bottom: 800px;
     margin-top: 0%;
   }
 
   .søknadstips {
-    margin-top: -900px;
+    margin-top: 50px;
+    padding-bottom: 50px;
   }
 
   /* Section 1 mobile*/
@@ -1299,10 +1307,10 @@
     position: relative;
     bottom: 900px;
   }
-  .søknadstips {
-    margin-top: -900px;
-  }
   .Marius {
     left: 60%;
   }
+  .flexTimeline {
+    display: block;
+  }
 }
diff --git a/src/summersplash2022/nyutdannet/nyutdannet.module.css b/src/summersplash2022/nyutdannet/nyutdannet.module.css
@@ -299,8 +299,9 @@ p {
 /* Section 6 */
 .flexTimeline {
   display: flex;
+  flex-direction: column;
   align-items: flex-start;
-  gap: 0.5rem;
+  gap: 50px;
 }
 
 .section6Div {
@@ -338,7 +339,10 @@ p {
   z-index: -2;
   right: 45%;
   transform: scale(0.5);
-  bottom: 33%;
+  bottom: 600px;
+}
+.section6 {
+  height: 2200px;
 }
 
 /* Section 7 */
@@ -441,7 +445,7 @@ p {
   /* Section 6 */
   .flexTimeline {
     width: auto;
-    display: block;
+    flex-direction: row;
   }
 
   .readMoreArrowWhite {
@@ -453,11 +457,7 @@ p {
   }
 
   .section6Div {
-    width: auto;
-  }
-
-  .section6 {
-    height: auto;
+    width: 100%;
   }
 
   .section6 p:nth-child(1),
@@ -770,7 +770,7 @@ p {
 
   /* Section 6 */
   .section6 {
-    height: 1900px;
+    height: 2000px;
   }
 
   .section6 p:nth-child(1),