mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-19 19:25:51 +00:00
fix to the layout for new container class
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -223,9 +223,9 @@ $columns: 12; // Number of columns in the grid system
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
max-width: 1280px;
|
||||
max-width: 100%;
|
||||
z-index: 1;
|
||||
@include media-breakpoint-down(xxl) {
|
||||
@include media-breakpoint-up(xl) {
|
||||
max-width: 1280px;
|
||||
}
|
||||
@include media-breakpoint-down(xl) {
|
||||
@@ -238,10 +238,8 @@ $columns: 12; // Number of columns in the grid system
|
||||
max-width: 608px;
|
||||
}
|
||||
@include media-breakpoint-down(sm) {
|
||||
// max-width: 416px;
|
||||
max-width: 100%;
|
||||
margin: 0 32px;
|
||||
|
||||
}
|
||||
// create columns
|
||||
@for $width from 1 through $columns {
|
||||
|
||||
@@ -56,8 +56,8 @@
|
||||
</section>
|
||||
|
||||
|
||||
<div class="container-new py-26" id="carbon-calculator-section">
|
||||
<section class="row mb-30">
|
||||
<div class="container py-26" id="carbon-calculator-section">
|
||||
<section class="row">
|
||||
<a href="#" class="btn btn-outline-primary d-lg-none" id="calculator-mobile-toggle">{% trans %}Change Inputs{% endtrans %}</a>
|
||||
<div id="calculator-inputs-offset"></div>
|
||||
<div class="col-lg-4" >
|
||||
|
||||
@@ -48,17 +48,17 @@
|
||||
<h6 class="green-500 mb-3">{% trans %}Discover Benefits{% endtrans %}</h6>
|
||||
</div>
|
||||
<ul class="mt-10 card-grid card-grid-3xN">
|
||||
<li class="col-new ls-none pt-3-sm">
|
||||
<li class="col-new ls-none">
|
||||
<img src="./img/icons/public.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Public and Decentralized Structure{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Open source, open to anyone to build on, maintained by the community{% endtrans %}</p>
|
||||
</li>
|
||||
<li class="col-new ls-none pt-3-sm">
|
||||
<li class="col-new ls-none">
|
||||
<img src="./img/icons/streamlined.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Streamlined <br/>Development{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Tools and documentation that speed development and reduce time to market{% endtrans %}</p>
|
||||
</li>
|
||||
<li class="col-new ls-none pt-3-sm">
|
||||
<li class="col-new ls-none">
|
||||
<img src="./img/icons/performance.svg">
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}High <br/>Performance{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Capable of settling thousands of transactions in seconds{% endtrans %}</p>
|
||||
@@ -177,17 +177,17 @@
|
||||
<h6 class="green-500 mb-3">{% trans %}Preview New Features{% endtrans %}</h6>
|
||||
</div>
|
||||
<ul class="mt-10 card-grid card-grid-3xN">
|
||||
<li class="col-new ls-none mb-16-sm">
|
||||
<li class="col-new ls-none pt-3-sm">
|
||||
<h5 class="chip chip-green">{% trans %}In Development{% endtrans %}</h5>
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Smart Contracts{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Hooks are small, efficient WebAssembly modules designed specifically for the XRPL. Check out the <a href="https://hooks-testnet.xrpl-labs.com/" target="_blank">hooks amendment and public testnet</a> that enable smart contract functionality.{% endtrans %}</p>
|
||||
</li>
|
||||
<li class="col-new ls-none mb-16-sm">
|
||||
<li class="col-new ls-none pt-3-sm">
|
||||
<h5 class="chip chip-green">{% trans %}In Development{% endtrans %}</h5>
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Non-Fungible Tokens{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Lower fees, faster transactions, and custom token functionality make the XRPL ideally suited for building an ecosystem for NFTs. Explore <a href="/docs.html">proposed standards</a> for issuing NFTs.{% endtrans %}</p>
|
||||
</li>
|
||||
<li class="col-new ls-none mb-16-sm">
|
||||
<li class="col-new ls-none pt-3-sm">
|
||||
<h5 class="chip chip-green">{% trans %}In Development{% endtrans %}</h5>
|
||||
<h4 class="mt-3 mb-0 h5">{% trans %}Sidechains{% endtrans %}</h4>
|
||||
<p class="mt-8 mb-0">{% trans %}Extend, experiment, and specialize a custom sidechain based on the XRPL's proven blockchain technology. Learn more about the vision of sidechains.{% endtrans %}</p>
|
||||
|
||||
Reference in New Issue
Block a user