1

Tima12052 · Tima12052 · commit 186a9291e2f9 · 2024-04-27T10:51:16.000+03:00
1
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ua">
 
 <head>
     <meta charset="UTF-8">
@@ -16,19 +16,18 @@
 </head>
 
 <body>
-    <header class="container">
+    <header class="container flex1">
         <a class="webstudio">Web <span class="studio">Studio</span></a>
-        <ul class="header-list">
-            <li><a class="active" href="index.html">Студія</a></li>
-            <li><a href="index1.html">Портфоліо</a></li>
-            <li><a href="#">Контакти</a></li>
+        <ul class="header-list flex1">
+            <li class="item1"><a class="active" href="index.html">Студія</a></li>
+            <li class="item1"><a href="index1.html">Портфоліо</a></li>
+            <li class="item1"><a href="#">Контакти</a></li>
         </ul>
-        </ul>
-        <ul class="header-list-contacts">
-            <li>
+        <ul class="header-list-contacts flex1">
+            <li class="item1">
                 <address><a class="activ" href="mailto:info@devstudio.com">info@devstudio.com</a></address>
             </li>
-            <li>
+            <li class="item1">
                 <address><a class="activ" href="tel:+380961111111">+38 096 111 11 11</a></address>
             </li>
         </ul>
diff --git a/style.css b/style.css
@@ -76,4 +76,13 @@ a {
 .container{
   margin: 0 auto;
   outline: solid 1px auto rgb(76, 0, 255);
+}
+.flex1{
+  display: flex;
+}
+.item1{
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 50px;
+  word-wrap: normal;
 }
