From b2680e555ee502020c90a0271e7eaf782ba5ee39 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Thu, 23 Nov 2023 20:49:26 +0300
Subject: [PATCH] changed px -> % where its is really and need, home css

---
 luckydiamond/src/assets/css/PagesStyles/home.css | 16 ++++++++--------
 luckydiamond/src/assets/css/global.css           |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css
index c35bf70..c03069c 100644
--- a/luckydiamond/src/assets/css/PagesStyles/home.css
+++ b/luckydiamond/src/assets/css/PagesStyles/home.css
@@ -18,7 +18,7 @@
     font-family: Montserrat;
     font-size: 32px;
     font-weight: 700;
-    margin: 20px 0 -25px 0;
+    margin: 3% 0 -3% 0;
 }
 
 .main__content h1 {
@@ -86,7 +86,7 @@
 
 .gamemode__content--card {
     display: flex;
-    margin-top: 14px;
+    margin-top: 1.8%;
 }
 
 .bg-card {
@@ -142,12 +142,12 @@
 }
 
 .gamemode__firstline {
-    margin: 0 0 18px 35px;
+    margin: 0 0 0 5%;
 }
 
 .line__img {
     float: right;
-    margin:  10px 66px 10px 47px;
+    margin:  1% 6.6% 1% 4.7%;
 }
 
 
@@ -175,11 +175,11 @@
 
 .linecontent-2 {
     display: flex;
-    padding: 6px 6px;
+    padding: 0.6% 0.6%;
 }
 
 .linecontent-2 h1 {
-    margin-bottom: 30px;
+    margin-bottom: 7%;
 }
 
 .gamemode__twolines {
@@ -190,7 +190,7 @@
 
 .gamemode__twoline--first__element {
     width: 100%;
-    margin: 18px 36px 0 35px;
+    margin: 3% 3.6% 0 5.5%;
     min-height: 180px;
 }
 
@@ -221,7 +221,7 @@
 }
 
 .gamemode__twoline--two__element {
-    margin-top: 18px;
+    margin-top: 3%;
     width: 100%;
     min-height: 180px;
 }
diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css
index 04a4bc9..fa425f8 100644
--- a/luckydiamond/src/assets/css/global.css
+++ b/luckydiamond/src/assets/css/global.css
@@ -86,7 +86,7 @@ body, html {
     grid-area: main;
     width: 80%;
     height: 90%;
-    margin: 48px auto 0;
+    margin: 2.7% auto 0;
 }
 
 /* /Main */