diff --git a/static/css/home/home.css b/static/css/home/home.css index 63aa2aa244e4965291fca00b09d2d51d646f76bd..f6b4cd4595bde22f3f3c8b7a3b97ab992cd35edf 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 f4e7d9c90b959adb7b8ac119c08f3e22427d5108..a357967a38b9e05902abafe9be459d10db9e6f4b 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"