language section added.

riyaahlawat · Jun 12, 2024 · 94bb2ce · 94bb2ce
1 parent e7201d8
commit 94bb2ce
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -73,6 +73,7 @@
                 <span class="material-symbols-outlined">highlight_mouse_cursor</span>
                 Click here to focus.</div>
         </div> -->
+        <div class = "language"><div style="padding: 10px;"><i class="fa fa-globe"></i></div><p>English</p></div>
         <div class="wrapper">
           <input type="text" class="input-field">
           <div class="content-box">

diff --git a/styles-header.css b/styles-header.css
@@ -6,8 +6,9 @@
     align-items: center;
     padding: 30px 70px;  
     background-color: var(--bgColor);
-    flex-wrap: wrap;  
+    /* flex-wrap: wrap;   */
     text-align: center;  
+    margin: 0px;
   }
 
   .logo-and-title {
@@ -23,8 +24,8 @@
   }
 
   .site-title {
-    font-size: 35px; 
-    font-weight: bold;
+    font-size: 30px; 
+    font-weight: 600;
     color: var(--black);
   }
 

diff --git a/styles-type.css b/styles-type.css
@@ -216,7 +216,18 @@ li:not(:first-child) span{
   }
 }
 
+.language {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 17px;
+  margin: 0px;
+  margin-bottom: 1rem;
+}
 
+.language:hover {
+  color: var(--black);
+}
 
 
 main{