meme bg fix

This commit is contained in:
roryjshelton 2023-05-09 15:38:42 -07:00
parent f5524d45a5
commit 44c00b3b42
8 changed files with 7 additions and 6 deletions

BIN
.DS_Store vendored

Binary file not shown.

BIN
src/.DS_Store vendored

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 73 KiB

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
src/assets/meme2.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

View File

@ -51,8 +51,7 @@
.shadowdrop { .shadowdrop {
border-radius: 72.5px; border-radius: 72.5px;
box-shadow: 0px 4px 4px #00000040; box-shadow: 4px 4px #00000040;
/* margin-left: 12%; */
transition: 0.5s; transition: 0.5s;
justify-content: center; justify-content: center;
} }

View File

@ -5,6 +5,10 @@ import "./MemeStyles.css";
<div class="meme-container"> <div class="meme-container">
<div class="meme-wrapper"> <div class="meme-wrapper">
<div class="meme-bg"> <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"> <div class="meme-columns meme-translucent">
<h2 <h2
class="text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--aquamarine)] uppercase font-bold" class="text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--aquamarine)] uppercase font-bold"

View File

@ -22,18 +22,16 @@
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
/* padding-left: 6.5%; */
height: 80vh; height: 80vh;
transition: 0.5s; transition: 0.5s;
} }
.meme-bg { .meme-bg {
background-image: url("../../../assets/meme.webp"); background-image: url("../../../assets/meme.webp");
background-position: 100% 50%; background-position: 60% 50%;
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
/* margin-left: -0.8vw; */ height: calc(100% + 3vh);
height: calc(100% + 0.3vh);
transition: 0.5s; transition: 0.5s;
} }