• fixed some page layouts

• added 1rem padding

src/App.css

@@ -17,6 +17,10 @@ body {
   min-height: 100vh;
 }
 
+.page {
+  padding: 1rem;
+}
+
 .navbar ul {
   list-style: none;
   padding: 0;

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>

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>

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>

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>