Added half-page grid

This commit is contained in:
Thomas Smith 2022-11-03 10:00:33 -04:00
parent 1408ac8137
commit 5c1e90898b

View file

@ -1,6 +1,6 @@
{{ define "main" }} {{ define "main" }}
<section class="two-boxes"> <section class="press-hero two-boxes">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12"> <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
@ -226,6 +226,46 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
@media only screen and (min-width: 1200px) {
.press-hero{
background-image: url("/Images/home-x-large-grid-generative-art_half.gif") !important;
background-attachment: scroll;
background-repeat: repeat-y;
background-position: right;
background-size: contain;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.press-hero{
background-image: url("/Images/home-large-grid-generative-art_half.gif") !important;
background-attachment: scroll;
background-repeat: repeat-y;
background-position: right;
background-size: contain;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.press-hero{
background-image: url("/Images/home-large-grid-generative-art_half.gif") !important;
background-attachment: scroll;
background-repeat: repeat-y;
background-position: right;
background-size: contain;
}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
}
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.press-image{ .press-image{