From c00976467a61298c2570d74cd89905a73a603d3b Mon Sep 17 00:00:00 2001
From: Rodrigo Rosario Cruz <rodrigorosario435@gmail.com>
Date: Tue, 1 Oct 2024 22:07:11 -0400
Subject: [PATCH] sidebar hp-inc
---
static/css/home/home.css | 19 ++++++++-----------
wiki/pages/home.html | 10 +++++-----
2 files changed, 13 insertions(+), 16 deletions(-)
diff --git a/static/css/home/home.css b/static/css/home/home.css
index 63aa2aa..f6b4cd4 100644
--- a/static/css/home/home.css
+++ b/static/css/home/home.css
@@ -372,6 +372,7 @@
z-index: -1;
overflow-x: hidden;
+
@media (min-width: 50rem) {
display: grid;
grid-template-columns: repeat(3, minmax(0, 25rem));
@@ -457,17 +458,14 @@
left: 0;
z-index: 1;
overflow-x: hidden;
- overflow-y: visible !important;
}
.content__mercurito-capibara {
- position: absolute;
- top: -100%;
- left: 0;
+ position: relative;
width: 100%;
display: flex;
justify-content: space-evenly;
- z-index: 100 ;
+ background-color: black;
}
.content__mercurito-capibara img {
@@ -480,7 +478,6 @@
width: 100%;
min-width: 1500px;
max-width: 1920px;
- overflow-x: hidden;
height: auto;
text-align: center;
padding-top: 100px;
@@ -732,12 +729,12 @@
box-shadow: none;
transform: rotate(3deg);
width: 14.5%;
- top: 21%;
+ top: 21%;
left: 64%;
padding: 5px;
}
-.text__problem-22 ul li {
+.text__problem-22 ul li {
text-align: start;
}
@@ -767,7 +764,7 @@
}
-.content__products-oferts > img {
+.content__products-oferts>img {
width: 40%;
max-width: 300px;
}
@@ -781,14 +778,14 @@
padding: 5%;
}
-.card__product-ofert{
+.card__product-ofert {
background-color: var(--color-white);
border-radius: 10px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
width: 40%;
text-decoration: none;
color: var(--color-black);
- padding:20px;
+ padding: 20px;
cursor: pointer;
}
diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index f4e7d9c..a357967 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -91,12 +91,12 @@ endblock %}
</div>
</div>
-<div class="content__history-mercury">
- <div class="content__mercurito-capibara">
- <img src="https://static.igem.wiki/teams/5257/project/home/1-mercurito.webp" alt="mercurito">
- <img src="https://static.igem.wiki/teams/5257/project/home/1-capibara.webp" alt="capibara">
- </div>
+<div class="content__mercurito-capibara">
+ <img src="https://static.igem.wiki/teams/5257/project/home/1-mercurito.webp" alt="mercurito">
+ <img src="https://static.igem.wiki/teams/5257/project/home/1-capibara.webp" alt="capibara">
+</div>
+<div class="content__history-mercury">
<!-- section 1 -->
<div class="content__problem-contamination">
<img class="img__problem-contamination-large" data-aos="zoom-in-down" data-aos-duration="1500"
--
GitLab