1 files changed, 45 insertions, 0 deletions
diff --git a/grid.css b/grid.css
index 4b188e2..fbc75c8 100644
--- a/grid.css
+++ b/grid.css
@@ -59,7 +59,52 @@ body {
 
 .navbar-menu {
     grid-area: navbar-menu;
+
+    display: none;
+}
+
+/* ----------  Menu Mobile sin JS  ------------ */
+/* --------- End Menu Mobile sin JS ----------- */
+/* input hidden */
+#navbar-toggle-cbox {
+    display: none;
+}
+
+label[for=navbar-toggle-cbox] {
+    cursor: pointer;
+}
+
+#navbar-toggle-cbox:checked ~ .navbar-menu {
+    display: block;
+}
+
+/* ---------   Menu Mobile JS  ------------ */
+.navbar-burger.is-active {
+    display: flex;
+    cursor: pointer;
+    position: relative;
+    justify-content: center;
+}
+
+.navbar-burger.is-active span {
+    display: block;
+    position: absolute;
+}
+
+.navbar-burger.is-active span:nth-child(1) {
+    transform: translateY(5px) rotate(45deg);
+    top: calc(50% - 6px);
+}
+
+.navbar-burger.is-active span:nth-child(2) {
+    opacity: 0;
+}
+
+.navbar-burger.is-active span:nth-child(3) {
+    transform: translateY(-5px) rotate(-45deg);
+    top: calc(50% + 4px);
 }
+/* --------- End Menu Mobile JS ----------- */
 
 .navbar-menu > ul > li {
     list-style: none;