diff --git a/src/AboutUs/AboutUs.css b/src/AboutUs/AboutUs.css index 3b4872f..5a6f83f 100644 --- a/src/AboutUs/AboutUs.css +++ b/src/AboutUs/AboutUs.css @@ -19,7 +19,8 @@ border-bottom: solid 3px white; } -#AboutUs #AboutEvents { +#AboutEvents { + flex-direction: column !important; justify-content: flex-start; align-items: flex-start; padding: 2svh 2svw; diff --git a/src/AboutUs/AboutUs.js b/src/AboutUs/AboutUs.js index 944bf8b..ef5211e 100644 --- a/src/AboutUs/AboutUs.js +++ b/src/AboutUs/AboutUs.js @@ -1,4 +1,5 @@ import UpdateBanner from "../Header/UpdateBanner"; +import CountDownTimer from "../CountDown/CountDownTimer"; import "./AboutUs.css"; /** @@ -19,6 +20,18 @@ const AboutsUs = () => {

Upcoming Events

+

Baja SAE April

+ Wish Us Luck!

} + /> +

Baja SAE May

+ Ready! Set! Go!

} + />
diff --git a/src/CountDown/CountDownTimer.css b/src/CountDown/CountDownTimer.css index 7c89d58..b861c48 100644 --- a/src/CountDown/CountDownTimer.css +++ b/src/CountDown/CountDownTimer.css @@ -1,15 +1,16 @@ -#afterTime #counter { - color: black; +.countDownTimer #afterTime #counter { + color: white; background-color: red; } -#counter.dangerDays { +.countDownTimer #counter.dangerDays { background-color: red; + color: white; } -#counter { +.countDownTimer #counter { display: flex; - flex-direction: row; + flex-flow: row nowrap !important; padding: 0.5svh 1svw; text-align: center; background-color: whitesmoke; @@ -17,18 +18,22 @@ border-radius: 1rem; justify-content: space-evenly; font-size: x-large; + color: black; + column-gap: 10px; } -#counter div { +.countDownTimer #counter div { display: flex; - flex-direction: row; + flex-flow: row nowrap !important; + padding: 0px; + column-gap: 10px; } -#counter div p { - padding-left: 1svw; +.countDownTimer #counter div p { + padding: 0px; } -#counter .countdown-link { +.countDownTimer #counter .countdown-link { display: flex; flex-direction: row; justify-content: center; @@ -36,22 +41,20 @@ font-weight: 700; font-size: 1.25rem; line-height: 1.75rem; - padding: 0.5rem; border: 1px solid #ebebeb; border-radius: 1rem; text-decoration: none; color: #000; } -#counter .countdown { +.countDownTimer #counter .countdown { line-height: 1.25svb; - padding: 0.75rem 0.75rem; align-items: center; display: flex; flex-direction: column; } -#counter .countdownDanger { +.countDownTimer #counter .countdownDanger { color: #ff0000; } @@ -61,6 +64,7 @@ } .countDownTimer { - width: fit-content; - margin: 0.5svh 1svw; + width: 525px !important; + margin: 0px !important; + padding: 0px !important; }