Linebreak on mobile-only so it's not hip-hopping between two lines depending on the length of the word.

This commit is contained in:
Thomas Smith 2022-07-01 16:04:27 -04:00
parent e2de50e17b
commit 8dbda4ac9e
2 changed files with 6 additions and 1 deletions

View file

@ -7,7 +7,7 @@
<div class="row hero my-auto"> <div class="row hero my-auto">
<div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-6 col-sm-12"> <div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-6 col-sm-12">
<div style="margin-top:auto; margin-bottom:auto;"> <div style="margin-top:auto; margin-bottom:auto;">
<h1 class="display-1 mb-4"><span class="yellow">Equitable</span> Open&#8208;Source for <span class="verb">web3</span></h1> <h1 class="display-1 mb-4"><span class="yellow">Equitable</span> Open&#8208;Source for <span id="cycle-br"><br></span><span class="verb">web3</span></h1>
<p class="mb-5 fs-sm-5 fs-lg-6 lead">The tools that build the internet have steeped too long. For the past two <p class="mb-5 fs-sm-5 fs-lg-6 lead">The tools that build the internet have steeped too long. For the past two
decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never
thanking, never mentioning, and certainly never paying. At tea, were brewing something to change that by thanking, never mentioning, and certainly never paying. At tea, were brewing something to change that by

View file

@ -225,6 +225,11 @@ For authenticated users:
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
#cycle-br{
display:none;
}
#tea-steam-1{ #tea-steam-1{
position: absolute; position: absolute;
z-index: 0; z-index: 0;