diff --git a/src/App.css b/src/App.css
new file mode 100644
index 0000000..1e40e7d
--- /dev/null
+++ b/src/App.css
@@ -0,0 +1,5 @@
+.product {
+	color: red;
+	font-size: 14;
+	font-family: 'Arial';
+}
diff --git a/src/App.jsx b/src/App.jsx
index 6bf3ac6..3a4f3b2 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,10 +1,20 @@
-// удаляем все, оставляя лишь пустую функцию App ниже
+import './App.css'
+
+function Product() {
+	return (
+		<>
+			<p className='product'>Товар</p>
+		</>
+	)
+}
 
 function App() {
 	return (
 		<>
-			{/* Добавьте тестовый контент для проверки */}
-			<h1>Hello, React!</h1>
+			<h1>Интернет-магазин</h1>
+			<Product />
+			<Product />
+			<Product />
 		</>
 	)
 }
diff --git a/src/main.jsx b/src/main.jsx
index 950e96a..f80c915 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-// удаляем import './index.css'
 import App from './App.jsx'
 
 createRoot(document.getElementById('root')).render(