zepp
/
my-cafe-events
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

code refactoring 

adjust positioning of elements
adjust transparency of header and footer
This commit is contained in:
emma 2025-02-01 20:36:55 -05:00
parent c2811f3c80
commit c56e66ad36
1 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
cafe-events/valentines-day-25/style/style.css
View File

@ -1,5 +1,5 @@
:root { :root {
--header-footer-color: #BFD9C6AA; --header-footer-color: #BFD9C6CC;
--text-color-light-red: #E94E77; --text-color-light-red: #E94E77;
} }
@ -67,18 +67,13 @@ section {
height: auto; height: auto;
} }
.note {
height: 25vh;
width: auto;
}
.header-text { .header-text {
font-family: alwaysinmyheart; font-family: alwaysinmyheart;
font-size: 3.5rem; font-size: 3.5rem;
color: var(--text-color-light-red); color: var(--text-color-light-red);
} }
.tile, .note, .baxter, .trans-pride-heart { .note {
cursor: pointer; cursor: pointer;
} }
@ -191,8 +186,15 @@ section {
} }
.visitor-note { .visitor-note {
margin: 1rem 2rem; margin-right: 5rem
}
.note {
height: 30vh;
width: auto;
position: relative; position: relative;
top: 10%;
left: 18%;
z-index: 1; z-index: 1;
} }
@ -200,11 +202,16 @@ section {
font-size: 3rem; font-size: 3rem;
font-family: learning-curve-regular; font-family: learning-curve-regular;
position: absolute; position: absolute;
left: 25%; left: 5%;
top: 12%; top: 30%;
z-index: 2; z-index: 2;
} }
.items {
display: flex;
flex-direction: column;
}
.trans-pride-heart { .trans-pride-heart {
width: 200px; width: 200px;
aspect-ratio: 1; aspect-ratio: 1;