add div as wrapper to the entire page

This way the width can be limited to a fixed value, preventing elements being too far apart from each other and leaving space for a background color (or even an image or pattern).
HectorVilas · Apr 28, 2023 · 105f847 · 105f847
1 parent 2c7f1f3
commit 105f847
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/main.js b/main.js
@@ -3,12 +3,16 @@ import footer from "./modules/footer.js";
 import { goToPage } from "./modules/functions.js";
 
 const body = document.querySelector('body');
+const wrapper = document.createElement('div');
 const main = document.createElement('main');
 
-body.append(
+wrapper.setAttribute('id', 'wrapper');
+
+wrapper.append(
   header(),
   main,
   footer(),
-  );
-
-  goToPage("home");
+);
+body.append(wrapper);
+
+goToPage("home");