ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-09-20 19:20:45 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Padding for products page on mobile

Browse source
This commit is contained in:
Thomas Smith 2022-10-12 17:00:49 -04:00
parent efe1d7c015
commit a9d15a2ab6
3 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/layouts/page/products.html
View file

@ -4,7 +4,7 @@
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-1"></div> <div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-1"></div>
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-2"></div> <div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="pro-gen-art-2"></div>
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="pro-gen-art-3"></div> <div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="pro-gen-art-3"></div>
<div class="container"> <div class="container product-container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h1>Products</h1> <h1>Products</h1>
@ -19,7 +19,7 @@
<hr> <hr>
<section class="products-tea-cli"> <section class="products-tea-cli">
<div class="container"> <div class="container product-container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto"> <div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
<h3>tea cli</h3> <h3>tea cli</h3>
@ -36,7 +36,7 @@
<hr> <hr>
<section class="products-tea-package-manager"> <section class="products-tea-package-manager">
<div class="container"> <div class="container product-container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-12 order-lg-2 my-auto"> <div class="col-lg-6 col-md-6 col-sm-12 col-12 order-lg-2 my-auto">
<h3>tea protocol</h3> <h3>tea protocol</h3>
@ -53,7 +53,7 @@
<hr> <hr>
<section class="products-tea-protocol"> <section class="products-tea-protocol">
<div class="container"> <div class="container product-container">
<div class="row"> <div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto"> <div class="col-lg-6 col-md-6 col-sm-12 col-12 my-auto">
<h3>package manager</h3> <h3>package manager</h3>

4
src/static/css/products.css
View file

@ -35,6 +35,10 @@
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.product-container{
padding: 7vw !important;
}
} }
/* Generative Art styling */ /* Generative Art styling */

2
src/static/css/typography.css
View file

@ -11,7 +11,7 @@
} }
h1,h2,h3,h4,h5,h6,p,.lead{ h1,h2,h3,h4,h5,h6,p,.lead{
hyphens: auto; hyphens: auto !important;
} }
h1{ h1{