Merge branch 'reactplay:main' into issue-568_content_overlap

reactplay · Oct 1, 2022 · a5e1ccf · a5e1ccf
2 parents cbe84e2 + f24a62e
commit a5e1ccf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/common/activities/hackathon/HackathonBanner.jsx b/src/common/activities/hackathon/HackathonBanner.jsx
@@ -18,7 +18,7 @@ function HackathonBanner() {
  <span className="text-lg md:text-xl lg:text-2xl">ReactPlay Presents</span>
  <h1 className=" uppercase text-5xl md:text-6xl lg:text-8xl font-bold text-cyan-300 text-center lg:text-left">
  <span className="sr-only">HACK-R-PLAY</span>
- <img src={HRPLogo} className="w-64 lg:w-auto ml-auto mr-auto lg:ml-0 lg:mr-0 lg:inline-block" />
+ <img src={HRPLogo} className="w-10/12 md:w-64 lg:w-auto ml-auto mr-auto lg:ml-0 lg:mr-0 lg:inline-block" />
  </h1>
  <div className="my-2 md:my-4 md:text-xl">
  <p className="text-2xl font-bold mt-8 mb-4 text-center lg:text-left">Developers and Hacking are inseparable!</p>

diff --git a/src/common/activities/hackathon/hackathonBanner.css b/src/common/activities/hackathon/hackathonBanner.css
@@ -28,3 +28,10 @@
  flex-wrap: wrap;
  }
 }
+
+@media screen and (max-width: 576px) {
+ .app-home-body .body-c2a.body-c2a-hackathon {
+ justify-content: center;
+ flex-wrap: wrap;
+ }
+}