modified: valitovgaziz/html/index.html

modified:   valitovgaziz/html/style/social_link.css
delete background color for prod

valitovgaziz/html/index.html

@@ -98,19 +98,24 @@
           права владения кодом заказчику.
         </p>
 
-        <div class="social_links_block">
-          <div class="social_link">
-            <a href="https://vk.com">VK</a>
-          </div>
-          <div class="social_link">
-            <a href="https://t.me/valitovgaziz">TG</a>
-          </div>
-        </div>
-
         <p>
           <strong>Девиз:</strong> "Век живи, век учись. Краткость — сестра
           таланта."
         </p>
+        <div class="social_links_block">
+          <div class="social_link_block">
+            <h4>Подписывайтесь в ВК</h4>
+            <div class="social_link">
+              <a href="https://vk.com">VK</a>
+            </div>
+          </div>
+          <div class="social_link_block">
+            <h4>Пишите в телеграм</h4>
+            <div class="social_link">
+              <a href="https://t.me/valitovgaziz">TG</a>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
 

valitovgaziz/html/style/social_link.css

@@ -2,19 +2,33 @@
   display: flex;
   justify-content: space-around;
   flex-direction: row;
+  flex-wrap: wrap;
 
   width: 100%;
   height: fit-content;
 }
 
+.social_links_block {
+  width: fit-content;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.social_links_block h4 {
+  width: fit-content;
+}
+
 .social_link {
   border: 1px solid;
-  border-radius: 50%;
+  border-radius: 15%;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: center;
   align-items: center;
+  background-color: #fff5ff;
 
   -webkit-box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);
   -moz-box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);