z-index update, text was behind imagery on mobile

This commit is contained in:
Thomas Smith 2022-10-31 11:26:57 -04:00
parent bf1c66a33e
commit 6c868dbf57

View file

@ -8,12 +8,12 @@
<div class="container hero-container"> <div class="container hero-container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h1 class="impact">Keep <span class="white">what</span><br><span class="hero-float" style="float:right;"><span class="white">is</span> yours.</span></h1> <h1 class="impact" style="z-index:3; position: relative;">Keep <span class="white">what</span><br><span class="hero-float" style="float:right;"><span class="white">is</span> yours.</span></h1>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12"> <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
<div class="lead-text-container animated-25 animatedFadeInUp fadeInUp black-bg p-4"> <div class="lead-text-container animated-25 animatedFadeInUp fadeInUp black-bg p-4" style="z-index:3; position: relative;">
<p class="lead" style="margin-bottom: 0px;">The open-source revolution is here. Were calling on all devs to build with our powerful, new unified package manager.</p> <p class="lead" style="margin-bottom: 0px;">The open-source revolution is here. Were calling on all devs to build with our powerful, new unified package manager.</p>
</div> </div>
<img class="mobile-grid-element mt-5" src="/Images/mobile-grid-element-3-rows.svg" alt="grid"> <img class="mobile-grid-element mt-5" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">