zepp/emmas.place
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

final footer fix (firefox)

Browse Source
This commit is contained in:
emma 2025-03-18 01:35:04 -04:00
parent 1328dc9a17
commit 346d5f67ef
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Footer.astro
View File

@ -12,14 +12,14 @@ const backgroundColorNightMode = "#240046";
<style define:vars={{backgroundColor, backgroundColorNightMode}}> <style define:vars={{backgroundColor, backgroundColorNightMode}}>
footer { footer {
background-color: var(--backgroundColor); background-color: var(--backgroundColor);
grid-row: -1; grid-row: 3/4;
grid-column: 1/3; grid-column: 1/3;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.75rem; gap: 0.75rem;
height: 9.25vh; height: 10vh;
width: 100vw; width: 100vw;
font-family: system-ui; font-family: system-ui;
font-size: 1.3rem; font-size: 1.3rem;

3
src/styles/global.css
View File

@ -26,11 +26,12 @@ html {
body { body {
background-color: var(--body-background-color); background-color: var(--body-background-color);
background-image: url("/flowers.png"); background-image: url("/flowers.png");
color: var(--text-color);
min-height: 100vh;
display: grid; display: grid;
grid-template-columns: 25vw 50vw 25vw; grid-template-columns: 25vw 50vw 25vw;
grid-template-rows: 10vh 100% 10vh; grid-template-rows: 10vh 100% 10vh;
row-gap: 5vh; row-gap: 5vh;
color: var(--text-color);
} }
h1, h1,