styles updated

shliamin · Jul 23, 2024 · 75bb003 · 75bb003
1 parent 89cdfec
commit 75bb003
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -133,7 +133,6 @@ <h3>Lorem Ipsum</h3>
                         <option value="">Select Tech Stack</option>
                     </select>
                 </div>
-                <h3>GitHub Projects</h3>
                 <div class="projects-grid" id="projects-grid">
                     <div class="project" data-tech-field="full-stack" data-tech-stack="react">
                         <h4>Project One</h4>

diff --git a/styles.css b/styles.css
@@ -7,6 +7,7 @@ body {
 }
 
 .container {
+    position: relative;
     display: flex;
     flex-direction: column;
     max-width: 1200px;
@@ -294,7 +295,7 @@ body {
 .filters {
     display: flex;
     gap: 10px;
-    margin-bottom: 20px;
+    margin-bottom: 40px;
 }
 
 .sidebar-image {
@@ -362,9 +363,34 @@ body {
 }
 
 
+.uk-modal-dialog {
+    border-radius: 10px;
+    top: 100px; 
+}
+
+.uk-modal-close {
+    background-color: #003366;
+    color: white;
+    padding: 10px 20px; 
+    border-radius: 10px;
+    font-size: 16px; 
+    border: none;
+    cursor: pointer;
+    display: block;
+    margin: 20px auto 0; 
+}
+
+.uk-modal-close:hover {
+    background-color: #002244; 
+}
+
+
 
 
 @media (min-width: 1181px) {
+
+
+
     .desktop-only {
         display: block;
     }
@@ -404,6 +430,18 @@ body {
         margin-top: 127px;
         display: flex;
     }
+
+    .filters {
+        padding-left: 10%;
+        padding-right: 10%;
+        box-sizing: border-box;
+    }
+
+    .section h4 {
+        padding-left: 10%;
+        padding-right: 10%;
+        box-sizing: border-box;
+    }
 }
 
 @media (max-width: 1180px) {