jr/jakesphotos
1
0
Fork 0
mirror of https://github.com/runyanjake/jakesphotos.git synced 2025-10-04 15:37:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Update styling

Browse Source
This commit is contained in:
Jake Runyan 2024-12-27 13:26:06 -10:00
parent a8adc302df
commit f7657648b6
4 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Footer.css
View File

@ -5,4 +5,8 @@
position: relative; position: relative;
bottom: 0; /* Stick to the bottom */ bottom: 0; /* Stick to the bottom */
width: 100%; width: 100%;
}
.footer p {
color: #d4d1c6;
} }

2
src/components/Footer.js
View File

@ -4,7 +4,7 @@ import './Footer.css';
const Footer = () => { const Footer = () => {
return ( return (
<footer className="footer"> <footer className="footer">
<p>&copy; {new Date().getFullYear()} Jake Runyan. All rights reserved.</p> <p>&copy; {new Date().getFullYear()} Jake Runyan</p>
</footer> </footer>
); );
}; };

3
src/components/Home.css
View File

@ -2,6 +2,7 @@
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
margin: 0 auto; margin: 0 auto;
background-color: #333;
} }
.gallery-photo { .gallery-photo {
@ -9,7 +10,7 @@
border-radius: 5px; border-radius: 5px;
display: block; display: block;
height: auto; height: auto;
max-width: 31vw; /* Do not mix with max-height! */ max-width: 32vw; /* Do not mix with max-height! */
object-fit: cover; object-fit: cover;
} }

2
src/components/Navbar.css
View File

@ -2,7 +2,7 @@
display: flex; display: flex;
justify-content: space-between; /* Space between logo, title, and icons */ justify-content: space-between; /* Space between logo, title, and icons */
align-items: center; /* Center items vertically */ align-items: center; /* Center items vertically */
background-color: #333; /* Background color of the navbar */ background-color: #240606; /* Background color of the navbar */
padding: 10px 20px; /* Padding for the navbar */ padding: 10px 20px; /* Padding for the navbar */
} }