Moved some CSS

This commit is contained in:
Thomas Smith 2022-09-27 12:30:39 -04:00
parent 43655972b9
commit 4c2e2db804
3 changed files with 24 additions and 20 deletions

View file

@ -11,14 +11,6 @@
margin-top:-5px;
}
.hero-section{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain;
}
.hero-container{
position:relative;
z-index: 2;
@ -29,15 +21,6 @@
z-index: 2;
}
.hero-bottom{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: center-top;
background-repeat: repeat;
background-size: contain;
height: 75px;
}
</style>
<section class="hero-section">

View file

@ -1,7 +1,9 @@
<div class="card card-thumbnail" style="width: 100%">
<img src="/Images/package-thumb-1.jpg" class="card-img-top" alt="..." style="width:100%; height:100%;">
<div class="card-body thumbnail-body">
<p class="card-text">V2.35 >45 installs</p>
<div class="card-text-container">
<p class="card-text">V2.35 >45 installs</p>
</div>
{{- partial "detail-btn.html" . -}}
</div>
<div class="card-body thumbnail-body-mobile">
@ -37,6 +39,12 @@
top:0.502vw;
}
.card-text-container{
float:left;
position: relative;
width:48%;
}
.thumbnail-body-mobile{
display: none;
}

View file

@ -117,9 +117,22 @@ hr{
}
.hero-section{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain;
}
.hero-bottom{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: center-top;
background-repeat: repeat;
background-size: contain;
height: 75px;
}
@media only screen and (min-width: 1200px) {