adjusting text spacing for certain screen width

Bio-Rocket · Aug 1, 2024 · 99c2421 · 99c2421
1 parent bf4db22
commit 99c2421
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/bio-rocket/src/routes/+page.svelte b/bio-rocket/src/routes/+page.svelte
@@ -271,4 +271,21 @@
  margin-bottom: 60%;
  }
  }
+ @media (min-width: 1536px) and (max-width: 1745px) {
+ .text-container {
+ position: absolute;
+ top: 4vh;
+ right: 1%;
+ color: white;
+ font-size: 3em;
+ }
+ .triangle {
+ position: relative;
+ width: 0;
+ height: 0;
+ transform: rotate(-90deg);
+ border-left: 50vw solid transparent;
+ border-bottom: 65vw solid #62A945;
+ }
+ }
 </style>