Various spacing adjustments

This commit is contained in:
mDuo13
2021-07-02 15:58:55 -07:00
parent 0ac85e11da
commit ed52d08ca0
5 changed files with 14 additions and 20 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -159,6 +159,7 @@ section {
/* 2 equal columns and any number of auto-sized rows. */
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
gap: 40px;
/* No "hero" blocks expected here. */
@@ -264,14 +265,15 @@ $columns: 12; // Number of columns in the grid system
background-size: contain;
overflow: hidden;
max-width: 100%;
margin: 0 0 40px;
@include media-breakpoint-down(lg) {
@include media-breakpoint-up(md) {
margin: 24px 0;
}
@include media-breakpoint-down(sm) {
margin: 0 0 40px;
}
@include media-breakpoint-up(lg) {
margin: 24px;
}
@include media-breakpoint-up(xl) {
margin: 40px;
}

View File

@@ -27,7 +27,7 @@
<h1 class="mb-10">{% trans %}Community<br class="until-sm"/> Powered Utility{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRPL | XRP Ledger{% endtrans %}</h6>
</div>
<a href="docs.html" class="btn btn-primary btn-arrow mr-4 mb-4">{% trans %}Start Building{% endtrans %}</a>
<a href="docs.html" class="btn btn-primary btn-arrow">{% trans %}Start Building{% endtrans %}</a>
</div>
</section>

View File

@@ -92,12 +92,12 @@
<p class="mb-10">{% trans %}XRP can be sent directly without needing a central intermediary, making it a convenient instrument in bridging two different currencies quickly and efficiently. It is freely exchanged on the open market and used in the real world for enabling cross-border payments and microtransactions.{% endtrans %}</p>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<div>
<img class="mw-100 mb-2" src="./img/icons/briefcase.svg">
<h6 class="fs-4-5">{% trans %}Financial Institutions{% endtrans %}</h6>
<p class="">{% trans %}Leverage XRP as a bridge currency to facilitate faster, more affordable cross-border payments around the world.{% endtrans %}</p>
</div>
<div class="ml-5-until-md">
<div>
<img class="mw-100 mb-2" src="./img/icons/user.svg">
<h6 class="fs-4-5">{% trans %}Individual Consumers{% endtrans %}</h6>
<p>{% trans %}Use XRP to move different currencies around the world. {% endtrans %}</p>
@@ -191,21 +191,19 @@
<h5 class="longform mb-10">{% trans %}Exchanges are where people trade currencies. XRP is traded on more than 100 markets and exchanges worldwide.{% endtrans %}</h5>
<p class="mb-10">{% trans %}There are different types of exchanges that vary depending on the type of market (spot, futures, options, swaps), and the type of security model (custodial, non-custodial).{% endtrans %}</p>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<div>
<h6 class="fs-4-5">{% trans %}Spot Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates.{% endtrans %}</p>
</div>
<div class="ml-5-until-md mt-10-sm">
<div>
<h6 class="fs-4-5">{% trans %}Futures, Options and Swap Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future.{% endtrans %}</p>
</div>
</div>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<div>
<h6 class="fs-4-5">{% trans %}Custodial Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Custodial exchanges manage a users private keys, and publish centralized order books of buyers and sellers.{% endtrans %}</p>
</div>
<div class="ml-5-until-md mt-10-sm">
<div>
<h6 class="fs-4-5">{% trans %}Non-Custodial Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Non-custodial exchanges, also known as decentralized exchanges, do not manage a users private keys, and publish decentralized order books of buyers and sellers on a blockchain.{% endtrans %}</p>
</div>