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"
>
</div>
<div class="love-note"></div>
<div class="love-note">
<button class="close-note"></button>
</div>
<div class="items">
<img class="baxter-thought"
width="100" height="100"

View File

@ -202,6 +202,20 @@ section {
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 {
display: flex;
flex-direction: column;