Hopefully fix mobile

This commit is contained in:
2024-08-22 18:40:01 +01:00
parent 88b0ca075d
commit 5ab123a4ba
22 changed files with 7 additions and 933 deletions

View File

@@ -1,4 +1,4 @@
<header style="display: grid; grid-template-columns: min-content min-content auto; grid-template-rows: min-content min-content max-content;">
<header style="display: grid; grid-template-columns: min-content min-content auto; grid-template-rows: min-content min-content max-content; max-width: 100%;">
<h1 style="font-size: 3em;">
HYPER
</h1>
@@ -7,13 +7,10 @@
</h1>
<h2 style="margin: 0; margin-left: 1em; grid-column-start: 3; align-self: center;">Technical Services</h2>
<div style="width: 100%; border-top: 3px solid var(--hyper-blue); grid-column-end: span 3; margin: 0; margin-top: -0.7em;"></div>
<img src="/lightning-helix.webp" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;" alt="Base of Hyperlight Logo - two intertwined electric blue lightning bolts"/>
<a href="/"><img src="/lightning-helix.webp" style="object-fit: cover; width: 100%; max-height: 100%; animation: blinker 1s linear; justify-self: center;" alt="Base of Hyperlight Logo - two intertwined electric blue lightning bolts"/></a>
<h3 style="font-style: italic; grid-column-end: span 2; text-align: center;">Bespoke experiences — authentic, inclusive, and sustainable without compromise</h3>
</header>
<nav style="display: flex; justify-content: center; align-items: center; margin-bottom: 1em;">
<a href="/">
<span>Home</span>
</a>
<a href="/services">
<span>Technical Support</span>
</a>