Merge pull request #88 from teaxyz/discord-button-fix

Discord button width fix for smaller mobile devices
This commit is contained in:
Thomas Smith 2022-08-22 10:39:45 -04:00 committed by GitHub
commit b5a087627a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -71,6 +71,10 @@
width:100%; width:100%;
} }
#discord-btn{
width:100% !important;
}
} }
@media only screen and (min-width: 576px) { @media only screen and (min-width: 576px) {
@ -122,7 +126,7 @@
<div class="card-body my-auto" style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;"> <div class="card-body my-auto" style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;">
<div class="p-lg-2 p-md-2 p-sm-0 text-center"> <div class="p-lg-2 p-md-2 p-sm-0 text-center">
<p class="ama-text mb-3">Join our discord, where you can talk to our team on the regular and ask anything. </p> <p class="ama-text mb-3">Join our discord, where you can talk to our team on the regular and ask anything. </p>
<a class="btn btn-primary discord-btn mb-2" href="https://discord.gg/KCZsXfJphn" <a class="btn btn-primary discord-btn mb-2" id="discord-btn" href="https://discord.gg/KCZsXfJphn"
role="button">Join Discord</a> role="button">Join Discord</a>
</div> </div>
</div> </div>