simon/luxury-detailing-maine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style changes on index

Browse Source
This commit is contained in:
Simon
2025-11-03 22:07:24 -05:00
parent 6ccebd1086
commit 8a4b6df0f8
4 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+2 -4
View File
@@ -75,12 +75,11 @@ main {
} }
section { section {
max-width: 75%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
max-width: 60%;
margin-top: 5rem;
padding: 1rem 1rem; padding: 1rem 1rem;
} }
@@ -115,7 +114,6 @@ footer {
justify-content: space-between; justify-content: space-between;
margin: 5rem auto; margin: 5rem auto;
padding: 2rem 0;
max-width: 90%; max-width: 90%;
@@ -209,7 +207,7 @@ footer {
/** content rules */ /** content rules */
h1 { h1 {
font-size: 2rem; font-size: 2.5rem;
} }
index.html
+8 -11
View File
@@ -16,24 +16,22 @@
main { main {
min-height: 530px; /** to make sure footer doesn't overlap hero */ min-height: 530px; /** to make sure footer doesn't overlap hero */
gap: 5.5rem; gap: 2rem;
} }
#hero-image { #hero-image {
height: 600px; height: 500px;
width: 100%; width: 100%;
background: url("assets/img/aden-desktop.jpg") 70% 10% / 100% no-repeat; background: url("assets/img/aden-desktop.jpg") 70% 25% / 100% no-repeat;
position: absolute; /** position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
z-index: -1;*/
z-index: -1;
} }
#intro { #intro {
text-align: center; text-align: center;
background-color: rgba(0, 0, 0, 0.8); width: 80%;
width: 40%;
/** padding: 3rem 4rem 4rem 4rem; */ /** padding: 3rem 4rem 4rem 4rem; */
padding-bottom: 2rem; padding-bottom: 2rem;
@@ -71,7 +69,6 @@
#book-link { #book-link {
display: block; display: block;
width: 50%; width: 50%;
margin-top: 5rem;
} }
h2 { h2 {
@@ -83,10 +80,11 @@
#hero-image { #hero-image {
background: url("assets/img/aden-mobile.jpg") center 10% / 100% background: url("assets/img/aden-mobile.jpg") center 10% / 100%
no-repeat; no-repeat;
height: 300px;
} }
main { main {
gap: 0; gap: 2rem;
} }
#intro { #intro {
@@ -99,7 +97,6 @@
width: 85%; width: 85%;
} }
#book-link { #book-link {
margin-top: 2.5rem;
} }
} }
</style> </style>
reviews.html
+2 -2
View File
@@ -200,12 +200,12 @@
<main id="main-content"> <main id="main-content">
<section> <section>
<h1 style="margin-bottom: 7rem">Reviews</h1> <h1 style="margin-bottom: 2rem">Reviews</h1>
<div id="reviewContainer"></div> <div id="reviewContainer"></div>
</section> </section>
<section id="gallery"> <section id="gallery">
<h1 style="margin-bottom: 7rem">Gallery</h1> <h1 style="margin-bottom: 2rem">Gallery</h1>
<div id="galleryPhotos"> <div id="galleryPhotos">
<figure class="before-after-pair"> <figure class="before-after-pair">
services.html
+5 -2
View File
@@ -52,18 +52,21 @@
.dropdown { .dropdown {
width: 100%; width: 100%;
border: 1px solid var(--gold); border: 2px solid var(--gold);
border-radius: 1.25rem; border-radius: 1.25rem;
transition: 0.5s; transition: 0.5s;
user-select: none; user-select: none;
} }
.dropdown:hover {
border: 2px solid white;
}
/** Prevent nested dropdowns from having borders */ /** Prevent nested dropdowns from having borders */
.dropdown .dropdown { .dropdown .dropdown {
border-left: none; border-left: none;
border-right: none; border-right: none;
border-bottom: none; border-bottom: none;
border-radius: 0rem; border-radius: 1.25rem 1.25rem 0 0;
} }
.dropdown-header { .dropdown-header {