From fd7e8af846d01aae875e4bd81a330c0a36be5447 Mon Sep 17 00:00:00 2001
From: Evdokiya <Evdokiya>
Date: Wed, 2 Apr 2025 20:42:21 +0300
Subject: [PATCH] SkinTypeQuiz

---
 src/App.css                                  | 3 +++
 src/App.js                                   | 3 ++-
 src/components/SkinTypeQuiz/SkinTypeQuiz.css | 0
 src/components/SkinTypeQuiz/SkinTypeQuiz.js  | 3 +++
 4 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/components/SkinTypeQuiz/SkinTypeQuiz.css
 create mode 100644 src/components/SkinTypeQuiz/SkinTypeQuiz.js

diff --git a/src/App.css b/src/App.css
index e69de29..946f29a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -0,0 +1,3 @@
+.h1 {
+    align-items: center;
+}
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 5a978c4..cca685c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import Header from './components/Header/Header'; 
+import SkinTypeQuiz from './components/SkinTypeQuiz/SkinTypeQuiz'; 
 import './App.css';
 
 function App() {
@@ -7,8 +8,8 @@ function App() {
     <div className="App">
       <Header /> 
       <main>
-       
         <h1>Добро пожаловать в SkinCare Advisor!</h1>
+        <SkinTypeQuiz/>
       </main>
     </div>
   );
diff --git a/src/components/SkinTypeQuiz/SkinTypeQuiz.css b/src/components/SkinTypeQuiz/SkinTypeQuiz.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/SkinTypeQuiz/SkinTypeQuiz.js b/src/components/SkinTypeQuiz/SkinTypeQuiz.js
new file mode 100644
index 0000000..b963d6e
--- /dev/null
+++ b/src/components/SkinTypeQuiz/SkinTypeQuiz.js
@@ -0,0 +1,3 @@
+import React, { useState } from 'react';
+import './SkinTypeQuiz.css';
+