Fix hero copy centring: remove flex from copy wrapper

display:flex on the wrapper caused the container's margin:auto to collapse it to content-width and centre it. Removing flex lets the container behave as a block, placing the copy correctly at the left container edge.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jon
2026-06-15 17:14:33 +01:00
parent 7e704315ff
commit ae4ce55f2f

View File

@@ -181,7 +181,7 @@
</div> </div>
<!-- Copy: left-aligned, z-index 3 --> <!-- Copy: left-aligned, z-index 3 -->
<div style="position:relative;z-index:3;flex:1;display:flex;align-items:flex-start;padding-top:clamp(72px,10vw,130px);"> <div style="position:relative;z-index:3;flex:1;padding-top:clamp(72px,10vw,130px);">
<div class="container"> <div class="container">
<div style="max-width:540px;"> <div style="max-width:540px;">
<div class="eyebrow">Drone development kits · Open source</div> <div class="eyebrow">Drone development kits · Open source</div>