border box default

Nikos Katsikanis · Nikos Katsikanis · commit f6465e82ad2c · 2025-02-04T00:17:33.000+01:00
diff --git a/.github/workflows/auto-apply-triage-label-and-default-project.yaml b/.github/workflows/auto-apply-triage-label-and-default-project.yaml
diff --git a/css/common.css b/css/common.css
@@ -40,3 +40,11 @@ a {
   text-decoration: none;
   font-weight: bold;
 }
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  font-weight: normal;
+}
diff --git a/index.html b/index.html
@@ -24,10 +24,10 @@
   </head>
   <body class="flex flex-col">
     <div class="flex">
-      <nav data-component="nav"></nav>
 <!--
-      <nav data-component="nav" data-header-bar="true" data-burger-px="600"></nav>
+      <nav data-component="nav"></nav>
 -->
+      <nav data-component="nav" data-header-bar="true" data-burger-px="600"></nav>
       <main data-component="router" data-use-hash style="padding: 1rem; width: 100%">
         <!--components in /pages that will be fetched by router when user clicks on a  -->
       </main>
diff --git a/js/routes/form.js b/js/routes/form.js
@@ -1,3 +1,6 @@
+// File: routes/form.js
+// Purpose: A simple form to test the form components
+
 export default (hostComponent) => {
   hostComponent.innerHTML = '';
 
diff --git a/js/store.js b/js/store.js
@@ -1,3 +1,6 @@
+// File js/store.js
+// Purpose: Create a store object to manage shared state and dispatch events when state changes
+
 export const store = (() => {
   let state = {
     sharedCount: 0,
