update element alignment

CarletonComputerScienceSociety · Jan 4, 2025 · 2797f58 · 2797f58
1 parent 7694fda
commit 2797f58
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 18 deletions.
diff --git a/assets/scss/components/_jobuary.scss b/assets/scss/components/_jobuary.scss
@@ -110,22 +110,47 @@
   }
 }
 
-#team_flex_box {
+#resume_team_flex_box {
   display: flex;
   justify-content: space-evenly;
-  align-items: first baseline;
+  align-items: stretch;
   flex-wrap: wrap;
   flex-basis: 0;
+  gap: 2rem;
   max-width: 85rem;
   margin: auto;
   width: 100%;
+
+  p {
+    font-size: 18px;
+    font-size: 1.125rem;
+    line-height: 1.5555555556;
+    margin-bottom: 24px;
+    margin-bottom: 1.5rem;
+  }
 }
 
 .profile {
   text-align: center;
   max-width: 700px;
+  flex: 1 1 calc(33.33% - 1rem);
   margin: 1rem;
   margin-bottom: 32px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+}
+
+@media only screen and (max-width: 900px) {
+  .profile {
+    flex: 1 1 calc(50% - 1rem);
+  }
+}
+
+.profile p {
+  flex-grow: 1; /* Make the paragraph take up extra space */
+  margin: 1rem 0;
 }
 
 .profile img {
@@ -152,19 +177,13 @@
 }
 
 .padded-top {
-  padding-top: 64px;
+  padding-top: 32px;
 }
 
 .padded-between {
   padding-top: 8px;
 }
 
 .book-link {
-  display: block;
-  color: #007bff;
-  text-decoration: none;
-}
-
-.book-link:hover {
-  text-decoration: underline;
+  margin-top: auto;
 }
diff --git a/data/resume_reviewers.yml b/data/resume_reviewers.yml
@@ -1,14 +1,14 @@
-- name: Mumtahin Farabi
-  firstname: Farabi
-  intro: "Self-taught developer with internships at Ciena(2x), and Emids. Avid hackathon attendee passionate about open-source software. Experience spans networking embedded software development, full-stack development, and DevOps. Former President of Hack the Hill, and the Carleton Systems and Computer Engineering Society (SCESoc). Former Director of Technology for CUSEC 2024. Former developer for SPAC 2024, and IEEE Canada. Currently involved with cuHacking as an architect."
-  image: images/jobuary-2025-resume-reviewers/farabi.png
-  link: "https://calendly.com/mfarabi/resume-review-session"
-
 - name: Matthew MacRae-Bovell
   firstname: Matthew
   intro: "Previous President of the Carleton Computer Science Society and Software Developer with 5+ years of experience across freelance, internships, and more. Interned with various startups as well as The Bank of Canada, Kinaxis, and RBC, followed by a two-year tenure at Shopify. Currently working as a Software Developer II at Jobber (a SAAS for service providers)."
   image: images/jobuary-2025-resume-reviewers/matthew.png
   link: "https://calendly.com/matthewmacraebovell/chats?month=2025-01"
+
+- name: Mumtahin Farabi
+  firstname: Farabi
+  intro: "Self-taught developer with internships at Ciena(2x), and Emids. Avid hackathon attendee passionate about open-source software. Experience spans networking embedded software development, full-stack development, and DevOps. Former President of Hack the Hill, and the Carleton Systems and Computer Engineering Society (SCESoc). Former Director of Technology for CUSEC 2024. Former developer for SPAC 2024, and IEEE Canada. Currently involved with cuHacking as an architect."
+  image: images/jobuary-2025-resume-reviewers/farabi.png
+  link: "https://calendly.com/mfarabi/resume-review-session"
 
 - name: Rebecca Kempe
   firstname: Rebecca

diff --git a/layouts/_default/jobuary-resume-reviewers-2025.html b/layouts/_default/jobuary-resume-reviewers-2025.html
@@ -5,13 +5,13 @@
     href="{{ " assets/scss/components/_jobuary.scss" | relURL }}"
   />
   <h1 class="max-width-700 centered padded-top">Meet the Resume Reviewers!</h1>
-  <div id="team_flex_box">
+  <div id="resume_team_flex_box">
     {{ range .Site.Data.resume_reviewers }}
       <div class="profile">
         <img src="{{ .image | relURL }}" alt="{{ .name }}" />
         <h2>{{ .name }}</h2>
         <p>{{ .intro }}</p>
-        <a href="{{ .link }}"
+        <a class="book-link" href="{{ .link }}"
           >{{- partial "button.html" (dict "label" (printf "Book a Resume Review with %s" .firstname)) -}}</a
         >
       </div>