From f7657648b6c22dc3aea820e1ebd325ffb2308901 Mon Sep 17 00:00:00 2001 From: Jake Runyan Date: Fri, 27 Dec 2024 13:26:06 -1000 Subject: [PATCH] Update styling --- src/components/Footer.css | 4 ++++ src/components/Footer.js | 2 +- src/components/Home.css | 3 ++- src/components/Navbar.css | 2 +- 4 files changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/Footer.css b/src/components/Footer.css index 8d44d25..77022ed 100644 --- a/src/components/Footer.css +++ b/src/components/Footer.css @@ -5,4 +5,8 @@ position: relative; bottom: 0; /* Stick to the bottom */ width: 100%; +} + +.footer p { + color: #d4d1c6; } \ No newline at end of file diff --git a/src/components/Footer.js b/src/components/Footer.js index 6010941..72ac68f 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -4,7 +4,7 @@ import './Footer.css'; const Footer = () => { return ( ); }; diff --git a/src/components/Home.css b/src/components/Home.css index 62085c0..cbfebf4 100644 --- a/src/components/Home.css +++ b/src/components/Home.css @@ -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; } diff --git a/src/components/Navbar.css b/src/components/Navbar.css index 610cbcd..ef61ec6 100644 --- a/src/components/Navbar.css +++ b/src/components/Navbar.css @@ -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 */ }