Hopefully fix mobile
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user