From 52770d3b4cbcfea902fb35e17b447a144582f1b7 Mon Sep 17 00:00:00 2001
From: Max Maltsev <malt1640@ya.ru>
Date: Wed, 31 Jan 2024 00:36:22 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B4=D0=BB?=
 =?UTF-8?q?=D1=8F=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B0=D0=BA=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _sass/_contacts.scss | 18 ++++++++++++++++++
 contacts.html        |  4 ++--
 style.scss           |  1 +
 3 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 _sass/_contacts.scss

diff --git a/_sass/_contacts.scss b/_sass/_contacts.scss
new file mode 100644
index 0000000..b120e26
--- /dev/null
+++ b/_sass/_contacts.scss
@@ -0,0 +1,18 @@
+.contacts {
+	display: grid;
+  gap: 1rem;
+}
+
+.contacts__contact {
+  display: grid;
+  gap: .25rem;
+}
+
+.contacts__heading {
+	font: 1.25rem/115% $heading-family;
+  margin: 0;
+}
+
+.contacts__content {
+	margin: 0;
+}
\ No newline at end of file
diff --git a/contacts.html b/contacts.html
index e21635a..c7ee9af 100644
--- a/contacts.html
+++ b/contacts.html
@@ -12,7 +12,7 @@
       <div class="contacts">
         <section class="contacts__contact">
           <h2 class="contacts__heading">Почтовый адрес:</h2>
-          <p class="contacts__content">ул. Подъёмная д 14 стр 25 апп 304, 109052, г. Москва</p>
+          <p class="contacts__content">ул. Подъёмная д 14 стр 25 апп 304, 109052, г. Москва</p>
         </section>
         <section class="contacts__contact">
           <h2 class="contacts__heading">Телефон:</h2>
@@ -21,7 +21,7 @@ <h2 class="contacts__heading">Телефон:</h2>
         </section>
         <section class="contacts__contact">
           <h2 class="contacts__heading">Эл. почта:</h2>
-          <p class="contacts__content">petr@vyatkin.su</p>
+          <a class="link-inverted contacts__content" href="mailto:petr@vyatkin.su">petr@vyatkin.su</a>
         </section>
       </div>
     </div>
diff --git a/style.scss b/style.scss
index 362a754..2d70233 100644
--- a/style.scss
+++ b/style.scss
@@ -25,6 +25,7 @@ $indent-xl: 2rem;
 @import "_menu";
 @import "_fullscreen";
 @import "_hero";
+@import "_contacts";
 @import "pieces/_piece-card";
 @import "pieces/_data";
 @import "pieces/_button";