Skip to content

Commit

Permalink
fix: prime sponsor button styling while hovering on it max-width of 8…
Browse files Browse the repository at this point in the history
…00px (#1293)

* Fixed beacome a prime sponsor button styling while hovering on it in max width of 800px

* fixes on multiple screens

* fixes on mobile screen

---------

Co-authored-by: Priyankar Pal <[email protected]>
  • Loading branch information
letscodedanish and priyankarpal authored Oct 11, 2023
1 parent a0c5c76 commit 7c518a4
Showing 1 changed file with 3 additions and 5 deletions.
8 changes: 3 additions & 5 deletions src/common/home/home.css
Original file line number Diff line number Diff line change
Expand Up @@ -706,7 +706,7 @@
cursor: pointer;
}
.prime-sponsors-cta {
width: 18%;
width: 18rem;
height: 5rem;
background-color: rgba(var(--color-brand-primary-rgb), 1);
padding: 1rem 1rem;
Expand All @@ -728,17 +728,15 @@
.heart-handshake {
opacity: 0;
transition: all 0.2s ease-in-out;
position: absolute;
right: 15px;
bottom: 13px;
position: absolute;
left: 13.5rem;
}
}
.prime-sponsors-cta:hover {
background-color: white;

.heart-handshake {
opacity: 1;
margin-left: 1rem;
}
}
}
Expand Down

0 comments on commit 7c518a4

Please sign in to comment.