feat: add skills section

DeeBeeUA · Jul 7, 2024 · bf7fd10 · bf7fd10
1 parent a0bb62e
commit bf7fd10
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -49,6 +49,18 @@ <h2 class="about_h2">About me</h2>
                 </div>
             </div>
         </div>
+        <div class="skills">
+            <div class="container">
+                <h2>Skills</h2>
+                <ul class="skills_list">
+                    <li class="skills_list_item">HTML</li>
+                    <li class="skills_list_item">CSS</li>
+                    <li class="skills_list_item">JS</li>
+                    <li class="skills_list_item">Git</li>
+                    <li class="skills_list_item">Figma</li>
+                </ul>
+            </div>
+        </div>
     </main>
     <footer>
 

diff --git a/style.css b/style.css
@@ -36,8 +36,8 @@ html {
 }
 
 .container {
-    max-width: 1140px;
-    margin: 0 auto;
+  max-width: 1140px;
+  margin: 0 auto;
 }
 
 header {
@@ -121,3 +121,29 @@ main {
   font-weight: 300;
   font-size: 18px;
 }
+
+/* section skills */
+
+.skills {
+  margin-top: 45px;
+}
+
+.skills h2 {
+  font-family: Roboto;
+  font-weight: 700;
+  font-size: 24px;
+  text-align: center;
+}
+
+.skills_list {
+  margin-top: 15px;
+  display: flex;
+  justify-content: space-around;
+  padding: 0;
+}
+
+.skills_list_item {
+  font-family: Roboto;
+  font-weight: 500;
+  font-size: 24px;
+}