meme bg fix
This commit is contained in:
parent
f5524d45a5
commit
44c00b3b42
Binary file not shown.
Binary file not shown.
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
After Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
@ -51,8 +51,7 @@
|
|||
|
||||
.shadowdrop {
|
||||
border-radius: 72.5px;
|
||||
box-shadow: 0px 4px 4px #00000040;
|
||||
/* margin-left: 12%; */
|
||||
box-shadow: 4px 4px #00000040;
|
||||
transition: 0.5s;
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
|
@ -5,6 +5,10 @@ import "./MemeStyles.css";
|
|||
<div class="meme-container">
|
||||
<div class="meme-wrapper">
|
||||
<div class="meme-bg">
|
||||
<span
|
||||
class="fixed leading-[8em] text-[#2C9940] left-[65%] top-[17%]"
|
||||
>web1<br />web2<br />crypto & defi<br />web3</span
|
||||
>
|
||||
<div class="meme-columns meme-translucent">
|
||||
<h2
|
||||
class="text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--aquamarine)] uppercase font-bold"
|
||||
|
|
|
@ -22,18 +22,16 @@
|
|||
align-items: center;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
/* padding-left: 6.5%; */
|
||||
height: 80vh;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.meme-bg {
|
||||
background-image: url("../../../assets/meme.webp");
|
||||
background-position: 100% 50%;
|
||||
background-position: 60% 50%;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
/* margin-left: -0.8vw; */
|
||||
height: calc(100% + 0.3vh);
|
||||
height: calc(100% + 3vh);
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue