Henry-Hiles/little-lemon
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

General improvements

Browse source
This commit is contained in:
Henry Hiles 2023-08-17 19:53:36 -04:00
parent 500707844a
commit 562b2a4a30
3 changed files with 20 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/routes/ConfirmedBookingPage.jsx
View file

@ -2,10 +2,13 @@ import { Link } from "react-router-dom"
import "../styles/ConfirmedBookingPage.css" import "../styles/ConfirmedBookingPage.css"
export const ConfirmedBookingPage = () => ( export const ConfirmedBookingPage = () => (
<article className="confirmed"> <section className="confirmed">
<h1>Booking Confirmed</h1> <article>
<p> <h1>Booking Confirmed</h1>
Your booking has been confirmed. <Link to="/">Back to home</Link> <p>
</p> Your booking has been confirmed.{" "}
</article> <Link to="/">Back to home</Link>
</p>
</article>
</section>
) )

14
src/styles/ConfirmedBookingPage.css
View file

@ -1,12 +1,16 @@
.confirmed { .confirmed {
background-color: var(--primary-1); margin: auto;
border-radius: 2rem; padding: 1rem;
margin: 2rem;
padding: 2rem 1rem;
text-align: center;
} }
.confirmed h1 { .confirmed h1 {
font-size: 2rem; font-size: 2rem;
margin: 0; margin: 0;
} }
.confirmed article {
background-color: var(--primary-1);
border-radius: 2rem;
padding: 2rem 3rem;
text-align: center;
}

4
src/styles/Footer.css
View file

@ -2,7 +2,7 @@ footer {
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 3rem; gap: 3rem;
padding: 0.8rem; padding: 1.6rem;
background-color: var(--primary-1); background-color: var(--primary-1);
color: white; color: white;
} }
@ -10,7 +10,7 @@ footer {
footer section { footer section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.2rem; gap: 0.3rem;
} }
footer h3 { footer h3 {