add close button

add button to love-note div
style button in style.css
This commit is contained in:
emma 2025-02-09 07:44:54 -05:00
parent fdcefdf75b
commit 0aa0675f86
2 changed files with 17 additions and 1 deletions

View File

@ -39,7 +39,9 @@
height="1000" width="1000" height="1000" width="1000"
> >
</div> </div>
<div class="love-note"></div> <div class="love-note">
<button class="close-note"></button>
</div>
<div class="items"> <div class="items">
<img class="baxter-thought" <img class="baxter-thought"
width="100" height="100" width="100" height="100"

View File

@ -202,6 +202,20 @@ section {
left: 25%; left: 25%;
} }
.close-note {
height: 4vh;
width: 4vw;
background-color: #00000000;
border: none;
font-size: 2rem;
display: none;
}
.close-note::after {
display: inline-block;
content: "\00d7";
}
.items { .items {
display: flex; display: flex;
flex-direction: column; flex-direction: column;