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

code refactoring 

add p to header
set header to flex and style
adjust transparency of header and footer
change font of p element
change color of p element
This commit is contained in:
emma 2025-02-01 18:01:39 -05:00
parent 625e5dc992
commit a4594f1e7b
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
cafe-events/valentines-day-25/index.html
View File

@ -8,7 +8,7 @@
</head> </head>
<body> <body>
<header>for you, emma &lt;3</header> <header><p class="header-text">For you, Emma</p></header>
<div class="container"> <div class="container">
<div class="tileOne tile"></div> <div class="tileOne tile"></div>

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

@ -1,5 +1,6 @@
:root { :root {
--header-footer-color: #BFD9C688; --header-footer-color: #BFD9C699;
--text-color-light-red: #E94E77;
} }
@font-face { @font-face {
@ -48,6 +49,9 @@ img {
header { header {
width: 100vw; width: 100vw;
height: 8vh; height: 8vh;
display: flex;
justify-content: center;
align-items: center;
background: var(--header-footer-color); background: var(--header-footer-color);
} }
@ -61,6 +65,12 @@ footer {
cursor: pointer; cursor: pointer;
} }
.header-text {
font-family: alwaysinmyheart;
font-size: 4rem;
color: var(--text-color-light-red);
}
.tileOne { .tileOne {
position: absolute; position: absolute;
left: 26.61%; left: 26.61%;