fix to the layout for new container class

This commit is contained in:
Calvin Jhunjhnuwala
2021-06-29 20:55:43 -07:00
parent e35d08096a
commit 798be7e9af
4 changed files with 11 additions and 13 deletions

File diff suppressed because one or more lines are too long

View File

@@ -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 {

View File

@@ -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" >

View File

@@ -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>