From 0be06fe0719b858a1c31dc891cf6f2a37b37ca84 Mon Sep 17 00:00:00 2001 From: AlexY404 Date: Fri, 24 Oct 2025 16:54:55 -0400 Subject: [PATCH] Updated formatting on media page, added more items to the media page --- _pages/media.html | 28 ++++++++++++++----- assets/styles/media.scss | 60 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 81 insertions(+), 7 deletions(-) diff --git a/_pages/media.html b/_pages/media.html index 666003d..759bebf 100644 --- a/_pages/media.html +++ b/_pages/media.html @@ -5,20 +5,34 @@ - index --- -

Media

-

Check out some of our media appearances and features below!

+
+
+
+

Media

+

Check out some of our media appearances and features below!

+
+

2024

-

On April 18, ALXNow wrote about how +

In April of 2024, we won the Impact Award, and also got 10th place out + of 54 teams in the Chesapeake Regional. Because of our performance, we + advanced to the FIRST Championship in Houston, Texas. ALXNow - ACPS's Titan Robotics Team is heading to the FIRST Championship in Houston, Texas - , and - - so did the Alexandria Gazette Packet. + wrote about our success. + In addition, the Alexandria Gazette Packet also + + featured our team. + + For more details about iBeam, our robot for the 2023-2024 season, visit our + robot page. + +
+ +

Almost as soon as the

diff --git a/assets/styles/media.scss b/assets/styles/media.scss index e69de29..1e31075 100644 --- a/assets/styles/media.scss +++ b/assets/styles/media.scss @@ -0,0 +1,60 @@ +h2 { + font-size: 32px; + padding: 8px; + margin: 0 0 8px -8px; +} + +p { + font-size: 1.25rem; + margin-top: 0; +} + +hr { + border-top: 1px; + width: 100%; +} + +img { + width: 100%; +} + +.text-muted { + color: #6c757d; +} + +.row { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 50px; + margin-bottom: 50px; + width: 100%; + margin-left: auto; + margin-right: auto; + justify-content: center; +} + +.container :nth-child(4n+3) { + flex-direction: row-reverse; +} + +.text { + width: 700px; + padding: 0 15px; +} + +.img { + width: 450px; + padding: 0 15px; +} + +@media (max-width: 766px) { + .row { + display: flex; + flex-wrap: wrap; + } + + .row, hr, .text, .img { + width: 90%; + } +} \ No newline at end of file