fix: anchor mobile hero vector to the viewport
Move the mobile hero <img> out of the .vector container (which is intentionally wider than the viewport to bleed the desktop SVG) so the mobile img anchors to .heroVector's full-width edges. Set width: 100vw, left: 0, bottom: 6.25rem so the 402-wide mobile SVG distributes the linework across the full hero at the 402 reference composition.
This commit is contained in:
@@ -80,8 +80,8 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
|
||||
<div class="heroVector absolute inset-0 z-10">
|
||||
<div class="vector absolute bottom-8 w-full">
|
||||
<?php get_template_part( 'views/partials/hero-vector' ); ?>
|
||||
<?php get_template_part( 'views/partials/hero-vector-mobile' ); ?>
|
||||
</div>
|
||||
<?php get_template_part( 'views/partials/hero-vector-mobile' ); ?>
|
||||
</div>
|
||||
|
||||
<div class="homepage-hero__location" aria-hidden="true">
|
||||
|
||||
Reference in New Issue
Block a user