Error removals (#738)

* description update

* remove error message

* fixed keyerror & css warnings

* ease the transition between font sizes

Author: smalex-z

components/DevProjectCards.js

@@ -64,6 +64,7 @@ function Project({
         className={`${styles['project-card']} ${styles['grid-tablet-only-2']}`}
       >
         <div className={styles['project-image-container']}>
+          {/* eslint-disable-next-line @next/next/no-img-element */}
           <img src={img} alt={alt} style={{ maxWidth: '100%' }}/>
         </div>
         <div>

components/OfficerCard.js

@@ -77,7 +77,7 @@ function Officers(props) {
     // TODO: more flexible mobile views
     <>
       {props.officers.map((officer) => (
-        <Officer {...officer} size={props.size} style={props.style} key={props.officers.name} />
+        <Officer {...officer} size={props.size} style={props.style} key={officer.name} />
       ))}
     </>
   );

pages/dev.js

@@ -31,14 +31,14 @@ function DevTeam() {
 		<Layout>
 			<NextSeo
 				title='ACM Dev Team | ACM at UCLA'
-				description='The ACM Dev Team handles general internal development needs for ACM at UCLA. We maintain and create organization-wide projects such as the website, Discord bot, Membership Portal, and link shortener.'
+				description='The ACM Dev Team handles general internal development needs for ACM at UCLA. We maintain and create organization-wide projects such as the website, Discord bot, Membership Portal, and CMS Template.'
 			/>
 			<Banner decorative />
 			<div className={'content-section text-center'}>
 				<h1 className='text-center'>Dev Team</h1>
 				<p className={styles['dev-team-info']}>
 					{/* eslint-disable-next-line max-len */}
-					The ACM Dev Team handles general internal development needs for all of ACM at UCLA. We maintain and create organization-wide projects such as the website, Discord bot, Membership Portal, and link shortener.
+					The ACM Dev Team handles general internal development needs for all of ACM at UCLA. We maintain and create organization-wide projects such as the website, Discord bot, Membership Portal, and CMS Template.
 				</p>
 				<p className={styles['dev-team-info']}>
 					If you&apos;re interested in joining us,&nbsp;

styles/components/DevProjCard.module.scss

@@ -138,11 +138,11 @@
   }
 
   .description-header {
-    font-size: 1.8em;
+    font-size: 1.4em;
   }
 
   .description-box p {
-    font-size: 1.8em;
+    font-size: 1.4em;
   }
 }
 
@@ -174,7 +174,7 @@
   aspect-ratio: 1 / 1;
   display: flex;
   height: auto;
-  justify-content: start;
+  justify-content: flex-start;
   margin: 0 auto;
   max-width: 300px;
   width: 100%;