From 71e2c43dbbb31b34f262ec5652f34d23fc6ecadb Mon Sep 17 00:00:00 2001
From: serr <sc7227484@gmail.com>
Date: Fri, 6 Jun 2025 01:23:22 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B7=D0=B0=D0=BA=D1=80=D1=83=D0=B3=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D1=8F=20=D1=83=20<a>,=20=D1=87=D1=83=D1=82?=
 =?UTF-8?q?=D1=8C=20=D1=87=D1=83=D1=82=D1=8C=20=D0=BF=D0=BE=D0=BC=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8F=D0=BB=20=D1=82=D0=B5=D0=BA=D1=81=D1=82=20=D0=B2=20?=
 =?UTF-8?q?header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/styles.css          | 11 +++++++++++
 mvc/views/blocks/header.gohtml |  3 +--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index c352f17..b5d11b1 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -16,6 +16,7 @@ body {
 
 header, main, footer {
     margin: 5px;
+    margin-bottom: 0;
     display: flex;
     flex-direction: column;
     gap: 10px;
@@ -63,6 +64,13 @@ a {
     background-color: #77abbb;
     color: black;
     text-decoration: none;
+    border-radius: 5px;
+    padding: 0 5px;
+    transition: background-color 0.1s ease;
+}
+
+a:hover {
+    background-color: #778bbb;
 }
 
 pre {
@@ -121,6 +129,9 @@ details[open] > summary {
 }
 
 @media (max-width: 800px) {
+    a:hover {
+        background-color: #77abbb;
+    }
 	header, footer, main {
 		flex: 1 100%;
 	}
diff --git a/mvc/views/blocks/header.gohtml b/mvc/views/blocks/header.gohtml
index 77ad2c8..c71fe81 100644
--- a/mvc/views/blocks/header.gohtml
+++ b/mvc/views/blocks/header.gohtml
@@ -19,8 +19,7 @@
     </div>
     <div>
         <p>
-            > <a href="/">main page</a><br/>
-            > <a href="/posts/">posts section</a>
+            see <a href="/">main page</a> or go to <a href="/posts/">posts section</a>
         </p>
     </div>
     <div>