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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/routes/ConfirmedBookingPage.jsx
View file

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

14
src/styles/ConfirmedBookingPage.css
View file

@ -1,12 +1,16 @@
.confirmed {
background-color: var(--primary-1);
border-radius: 2rem;
margin: 2rem;
padding: 2rem 1rem;
text-align: center;
margin: auto;
padding: 1rem;
}
.confirmed h1 {
font-size: 2rem;
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;
justify-content: center;
gap: 3rem;
padding: 0.8rem;
padding: 1.6rem;
background-color: var(--primary-1);
color: white;
}
@ -10,7 +10,7 @@ footer {
footer section {
display: flex;
flex-direction: column;
gap: 0.2rem;
gap: 0.3rem;
}
footer h3 {