stylesにcssを、pagesにtsxを突っ込む

src/App.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react'
 import logo from './logo.svg'
-import './App.css'
-import Home from './Home'
+// import './App.css'
+import Home from './pages/Home'
 
 function App() {
   return (

src/pages/Home.tsx

@@ -0,0 +1,7 @@
+import "../styles/Home.css"
+function Home() {
+    // この辺でheaderを呼ぶ。
+    return <div className="question">これが箱になる予定</div>
+}
+
+export default Home;

src/styles/Home.css

@@ -0,0 +1,4 @@
+.question {
+    padding:50 50 50 50;
+    background: red;
+}