From 7a5be1d87691b2eb3c9df917d70875fef0429c16 Mon Sep 17 00:00:00 2001
From: isHardCoded <ishardcoded@gmail.com>
Date: Sun, 8 Jun 2025 12:12:36 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=BE=D0=B7=D0=B4=D0=B0=D0=BB=D0=B8=20?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82=20Produc?=
 =?UTF-8?q?t,=20=D0=B2=D1=8B=D0=BD=D0=B5=D1=81=D0=BB=D0=B8=20=D1=81=D1=82?=
 =?UTF-8?q?=D0=B8=D0=BB=D0=B8=20=D0=B4=D0=BB=D1=8F=20=D0=BD=D0=B5=D0=B3?=
 =?UTF-8?q?=D0=BE=20=D0=B2=20=D0=BE=D1=82=D0=B4=D0=B5=D0=BB=D1=8C=D0=BD?=
 =?UTF-8?q?=D1=8B=D0=B9=20=D1=84=D0=B0=D0=B9=D0=BB=20App.css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.css  |  5 +++++
 src/App.jsx  | 16 +++++++++++++---
 src/main.jsx |  1 -
 3 files changed, 18 insertions(+), 4 deletions(-)
 create mode 100644 src/App.css

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(