Mobile-only <br>... prevents page from jumping

This commit is contained in:
Thomas Smith 2022-09-28 17:33:37 -04:00
parent 6eb070bb1e
commit 3c3da30822
2 changed files with 18 additions and 1 deletions

View file

@ -55,7 +55,7 @@
<div class="col"> <div class="col">
<div class="box"> <div class="box">
<div> <div>
<h2 class="black text-center" style="z-index:2;">equitable open-source<br>for <span class="cycle">web3</span></h2> <h2 class="black text-center" style="z-index:2;">equitable open-source<br>for <br id="impact-break"><span class="cycle">web3</span></h2>
</div> </div>
</div> </div>
</div> </div>

View file

@ -297,12 +297,29 @@ hr{
height:4vw; height:4vw;
} }
.impact-section{
padding-top: 20vw;
padding-bottom: 20vw;
}
.package-before-section{ .package-before-section{
padding: 4vw !important; padding: 4vw !important;
} }
.package_before{ .package_before{
padding-top: 20vw;
padding-bottom: 20vw;
} }
} }
@media only screen and (min-width: 576px) {
#impact-break{
display:none;
}
}