Image fix on mobile, column order

This commit is contained in:
Thomas Smith 2023-02-16 17:47:45 -05:00
parent 3aa794cd4b
commit 471fe27c34

View file

@ -270,7 +270,7 @@
<div class="col">
<div>
<h2 class="black display-5 text-xl-center text-lg-center text-md-left text-sm-left text-left" style="z-index:2;">THIS ISNT A PACKAGE MANAGER. TEA IS A UNIFIED PACKAGING INFRASTRUCTURE.</h2>
<p class="lead black text-center">And through that packaging infrastructure, we have plans of leveraging blockchain to help remunerate devs for their contributions to OSS. But first and foremost, we're a packaging tool that empowers devs to do what they do best, in the most equitable way possible.</p>
<p class="lead black text-left">And through that packaging infrastructure, we have plans of leveraging blockchain to help remunerate devs for their contributions to OSS. But first and foremost, we're a packaging tool that empowers devs to do what they do best, in the most equitable way possible.</p>
</div>
</div>
</div>
@ -440,6 +440,9 @@
.terminal-content{
height: 250px;
}
.horizon-img{
height: 200px;
}
}
@media only screen and (min-width: 768px) {
.terminal-content{
@ -884,13 +887,13 @@
<section>
<div class="container p-0">
<div class="row">
<div class="col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12 my-auto">
<div class="col-xl-7 col-lg-7 col-md-6 col-sm-12 col-12 order-xl-1 order-lg-1 order-md-1 order-sm-2 order-2 my-auto">
<h2 class="display-5">A mission to fix open-source development</h2>
<p class="lead">tea is an actual legitimate use-case for blockchain. We're not crypto bros, just devs seeing the opportunity to solve a big problem.</p>
<p>Hear us out before you drag us through the coals on Twitter! We want to fix one of web2's biggest problems: hardworking developers <i>not</i> getting compensated for their contributions to building blocks of the internet. By leveraging blockchain technology we can keep track who creates & maintains what, remunerate them for their efforts with tea token, and keep FANG corporations from building empires atop unpaid labor.</p>
</div>
<div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12">
<img src="/Images/horizon-illustration.png" alt="Over the horizon" style="border-radius:10px;">
<div class="col-xl-5 col-lg-5 col-md-6 col-sm-12 col-12 order-xl-2 order-lg-2 order-md-2 order-sm-1 order-1 mb-4">
<img src="/Images/horizon-illustration.png" class="horizon-img" alt="Over the horizon" style="border-radius:10px; width:100%;">
</div>
</div>
</div>