mobile view fixes

acm-cmu · Jan 14, 2024 · bf9dfcc · bf9dfcc
1 parent a496b42
commit bf9dfcc
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/src/components/EventDetails.js b/src/components/EventDetails.js
@@ -12,8 +12,9 @@ const EventDetails = () => {
         </p>
         <div className="register-box">
           <p className="register-description">
-            Start: January 27, 5 PM @ Rashid Auditorium<br></br>
-            End: January 28, 5 PM @ Rashid Auditorium<br></br>
+            Start: Jan. 27, 5 PM <br></br>
+            End: Jan. 28, 5 PM <br></br>
+            @ Rashid Auditorium<br></br>
           </p>
           <iframe src="https://discord.com/widget?id=1099870874594705539&theme=dark" width="500" height="400" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
         </div>

diff --git a/src/components/Past.js b/src/components/Past.js
@@ -10,7 +10,7 @@ const year2023 = () => {
     <div className="row">
       <div className="row two">
         <div className="past-image">
-          <img src={awap23} height="300" alt="sponsors" />
+          <img src={awap23} alt="sponsors" />
         </div>
       </div>
       <div className="row one">
@@ -36,7 +36,7 @@ const year2022 = () => {
     <div className="row">
       <div className="row two">
         <div className="past-image">
-          <img src={awap22} height="300" alt="sponsors" />
+          <img src={awap22}  alt="sponsors" />
         </div>
       </div>
       <div className="row one">
@@ -64,7 +64,7 @@ const year2021 = () => {
     <div className="row">
       <div className="row two">
         <div className="past-image">
-          <img src={awap21} height="300" alt="sponsors" />
+          <img src={awap21}  alt="sponsors" />
         </div>
       </div>
       <div className="row one">
@@ -90,7 +90,7 @@ const year2019 = () => {
     <div className="row">
       <div className="row two">
         <div className="past-image">
-          <img src={awap19} height="300" alt="sponsors" />
+          <img src={awap19} alt="sponsors" />
         </div>
       </div>
       <div className="row one">

diff --git a/src/styles/Past.css b/src/styles/Past.css
@@ -49,7 +49,7 @@
 
 .past-image {
   width: fit-content;
-  height: fit-content;
+  /* height: fit-content; */
 }
 
 .past-info-box {

diff --git a/src/styles/Register.css b/src/styles/Register.css
@@ -35,9 +35,11 @@
   margin: auto;
   padding: 10px 100px;
   border-radius: 8px;
+  align-items: stretch
 }
 
 .register-description {
+  /* width:  */
   font-size: larger;
   font-weight: bolder;
   text-align: center;