remove unnecesary div, add margin to h2

HectorVilas · Jan 18, 2023 · 9471c40 · 9471c40
1 parent f3b9f5c
commit 9471c40
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/src/modules/ui.js b/src/modules/ui.js
@@ -954,10 +954,10 @@ export const ui = (() => {
     projectsDiv.classList.add("projects-div");
 
     const h2 = document.createElement("h2");
-    h2.innerText = "Your projects:"
-    projectsDiv.append(h2);
+    h2.classList.add("main-page-h2");
+    h2.innerText = "Your projects:";
 
-    cardsContainer.append(header, projectsDiv);
+    cardsContainer.append(header, h2);
 
     const projectsContainer = document.createElement("div");
     projectsContainer.classList.add("projects-container");

diff --git a/src/style.css b/src/style.css
@@ -249,12 +249,9 @@ input:not([type="checkbox"]):focus {
 
 /* main page */
 
-.projects-div {
-  /* border: 3px solid red; */
-  overflow-x: hidden;
-  overflow-y: auto;
-  display: grid;
-  justify-content: center;
+.main-page-h2 {
+  margin-top: 1rem;
+  text-align: center;
 }
 
 .projects-container {