Skip to content

Fix Mobile Spacing #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
tara-matthew wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Fix Mobile Spacing #24

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,8 +35,8 @@
</nav>
<header class="bg-primary-gradient pt-5">
<div class="container modal-fullscreen"><iframe allowfullscreen="" frameborder="0" class="modal-fullscreen"></iframe></div>
<div class="container pt-4 pt-xl-5">
<div class="row pt-5">
<div class="container pt-xl-5">
<div class="row pt-md-5">
<div class="col-md-8 col-xl-6 text-center text-md-start mx-auto">
<div class="text-center">
<p class="fw-bold text-success mb-2">Flexible SmartBin Monitoring System</p>
Expand All @@ -58,7 +58,7 @@ <h1 class="fw-bold">The best&nbsp;<span class="bg-success-light">&nbsp;SaaS&nbsp
<div class="text-center mt-2 mb-4"><button class="btn btn-primary btn-sm" type="">Request Demo</button></div>
</section>
<section>
<div class="container bg-primary-gradient py-5">
<div class="container bg-primary-gradient pt-5">
<div class="row">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<p class="fw-bold text-success mb-2">All Feautures</p>
Expand Down Expand Up @@ -117,12 +117,12 @@ <h5 class="fw-bold card-title">Feature 4</h5>
</div>
</div>
</section>
<section class="py-5">
<section class="py-md-5">
<div class="container text-center py-5">
<p class="mb-4" style="font-size: 1.6rem;">Used by <span class="bg-success-light p-1"><strong>most</strong></span>&nbsp;of the best companies in the world.</p><a href="#"> <img class="m-3" src="assets/img/brands/instacart.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/kickstarter.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/lyft.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/shopify.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/pinterest.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/twitter.png"></a>
</div>
</section>
<section class="py-5">
<section class="py-md-5">
<div class="container">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
Expand Down Expand Up @@ -175,7 +175,7 @@ <h6 class="fw-bold mb-0">Location</h6>
</div>
</div>
</section>
<section class="py-5">
<section class="py-md-5">
<div id="cb-cookie-banner" class="alert alert-dark text-center mb-0 fixed-bottom" role="alert">
🍪 This website uses cookies to ensure you get the best experience on
our website.
Expand All @@ -185,7 +185,7 @@ <h6 class="fw-bold mb-0">Location</h6>
</button>
</div>
</section>
<section class="py-5">
<section class="py-md-5">
<footer class="text-center py-4">
<div class="container">
<div class="row row-cols-1 row-cols-lg-3">
Expand Down