From b7fed0cac4d6c645c1ac2119be2a6d92cda044a7 Mon Sep 17 00:00:00 2001
From: Svetlana Korobtseva <wizzzjer@gmail.com>
Date: Thu, 12 Oct 2023 01:21:07 +0600
Subject: [PATCH] =?UTF-8?q?=D0=A7=D0=B8=D0=BD=D0=B8=D1=82=20=D0=BC=D0=BE?=
 =?UTF-8?q?=D0=B1=D0=B8=D0=BB=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 styles/style.css | 31 +++++++++++++++++++++++--------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/styles/style.css b/styles/style.css
index 6769497..9b52c81 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -335,21 +335,17 @@ input.done {
 
 @media (width < 1200px) {
   .colorpicker {
-    inset: initial;
-    inset-block-start: 120px;
-    inset-inline-start: 47px;    
-  }
-
-  .colors {
-    flex-direction: column;
+    top: 150px;
+    left: auto;
+    right: 40px;    
   }
 
   .main-wrapper, main {
     flex-direction: column;
-    align-items: center;
   }
 
   .main-wrapper {
+    padding-block-start: 0;
     padding-block-end: 250px;
   }
 
@@ -363,6 +359,25 @@ input.done {
 }
 
 @media (width < 600px) {
+  .header {
+    flex-wrap: wrap;
+    gap: 20px;    
+    padding: 10px;
+  }
+
+  .logo {
+    font-size: 30px;
+  }
+
+  .logo__icon {
+    width: 84px;
+    height: 30px;
+  }  
+
+  .colorpicker {
+    right: 10px;    
+  }  
+
   .main-wrapper {
     padding-block-start: 10px;
     padding-inline-start: 10px;