From 393cca1636f26f4eb49ad802b8f1bc85ff515460 Mon Sep 17 00:00:00 2001
From: pufok <127991427+pushokthefox@users.noreply.github.com>
Date: Sun, 30 Mar 2025 16:30:12 +0300
Subject: [PATCH] =?UTF-8?q?=E2=80=A2=20fixed=20some=20page=20layouts=20?=
 =?UTF-8?q?=E2=80=A2=20added=201rem=20padding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.css           | 4 ++++
 src/pages/About.js    | 2 +-
 src/pages/Contact.js  | 2 +-
 src/pages/Home.js     | 2 +-
 src/pages/Projects.js | 2 +-
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index d63fbb0..72cf319 100644
--- a/src/App.css
+++ b/src/App.css
@@ -17,6 +17,10 @@ body {
   min-height: 100vh;
 }
 
+.page {
+  padding: 1rem;
+}
+
 .navbar ul {
   list-style: none;
   padding: 0;
diff --git a/src/pages/About.js b/src/pages/About.js
index 39554e6..15703d1 100644
--- a/src/pages/About.js
+++ b/src/pages/About.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 function About() {
   return (
-    <div className="about">
+    <div className="page about">
       <h1>Обо мне</h1>
       <p>можете звать меня пуфок. я очень ленивая лисичка, которая любит заниматься различным творчеством и интересными вещами)</p>
       <p>местоимения: он/она/любые</p>
diff --git a/src/pages/Contact.js b/src/pages/Contact.js
index 1a99103..ecb8f4d 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 function Contact() {
   return (
-    <div className="contact">
+    <div className="page contact">
       <h1>Контакты</h1>
       <p>можешь найти меня тут:</p>
       <ul>
diff --git a/src/pages/Home.js b/src/pages/Home.js
index a717778..33d3a50 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 function Home() {
   return (
-    <div className="home">
+    <div className="page home">
       <h1>Добро пожаловать на мой сайт!</h1>
       <p>он пока еще в разработке.. но уже выглядит более взрачным, нежели его первая версия) но все же, еще не полностью готов! наберитесь терпения, друзья :з</p>
     </div>
diff --git a/src/pages/Projects.js b/src/pages/Projects.js
index 2243e83..983cd7c 100644
--- a/src/pages/Projects.js
+++ b/src/pages/Projects.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 function Projects() {
   return (
-    <div className="projects">
+    <div className="page projects">
       <h1>Мои проекты (что? зачем?)</h1>
       <ul>
         <li>пустовато...</li>