jr/jakesphotos
1
0
Fork 0
mirror of https://github.com/runyanjake/jakesphotos.git synced 2025-10-04 23:47: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;
bottom: 0; /* Stick to the bottom */
width: 100%;
}
.footer p {
color: #d4d1c6;
}

2
src/components/Footer.js
View File

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

3
src/components/Home.css
View File

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

2
src/components/Navbar.css
View File

@ -2,7 +2,7 @@
display: flex;
justify-content: space-between; /* Space between logo, title, and icons */
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 */
}