Mise à jour de styles

src/components/header/index.jsx

@@ -30,7 +30,8 @@ const Header = () => {
 							projets numériques.
 						</p>
 						<p className="hero-highlight">
-							Demandez nous un devis, nous vous en moins de 24 heures.
+							Demandez nous un devis, nous vous répondrons en moins de 24
+							heures.
 						</p>
 					</div>
 					<BtnContact>Écrivez-nous !</BtnContact>

src/components/header/index.scss

@@ -14,7 +14,6 @@ header {
 	.hero {
 		display: flex;
 		flex-direction: column;
-		align-items: center;
 		justify-content: center;
 		padding-bottom: 10rem;
 		width: 100%;
@@ -34,7 +33,11 @@ header {
 			color: $dark;
 
 			.hero-text {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
 				font-size: 1.3rem;
+				padding: 0 1.5rem;
 
 				.hero-paragraph {
 					line-height: 1.7rem;

src/components/navbar/index.scss

@@ -7,9 +7,9 @@
 }
 
 nav {
-	padding: 0.5rem 2rem;
 	position: fixed;
 	z-index: 1;
+	margin-top: 1rem;
 	width: 100vw;
 	height: 3.5rem;
 	padding: 0;

src/pages/services.jsx

@@ -9,6 +9,7 @@ const VosBesoins = () => {
 		<Layout>
 			<Seo title="Vos besoins" />
 			<div className="page-content">
+				<h2 className="page-title">Nos services</h2>
 				<section className="pages-sections">
 					<h3 className="section-title" id="web-dev">
 						Développement web

src/scss/main.scss

@@ -51,9 +51,8 @@ main {
 }
 
 .page-content {
-	padding-top: 5rem;
-
 	.page-title {
+		padding-top: 5rem;
 		text-align: center;
 	}