mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-19 11:15:49 +00:00
Various spacing adjustments
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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 user’s 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 user’s private keys, and publish decentralized order books of buyers and sellers on a blockchain.{% endtrans %}</p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user