From 83b99b41a84a408768994239c86abbed466a262c Mon Sep 17 00:00:00 2001
From: "devs.hashtag" <devs.hashtag@gmail.com>
Date: Thu, 12 Sep 2024 16:50:52 +0330
Subject: [PATCH] menu, project-cards responsive issue fixed

---
 assets/css/styles.css                      | 6 +++---
 assets/scss/components/_navbar-toggle.scss | 2 +-
 assets/scss/layout/_header.scss            | 2 +-
 assets/scss/pages/_projects.scss           | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index ab9015b..09695cb 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -257,7 +257,7 @@ aside.sidebar .sidebar__contact nav ul li a {
   padding: 10px 5px;
   cursor: pointer;
 }
-@media (min-width: 768px) {
+@media (min-width: 576px) {
   .navbar-toggle {
     display: none;
   }
@@ -361,7 +361,7 @@ header.header .menu__links li.active-item a {
   box-shadow: 0 0 5rem rgba(18, 18, 18, 0.9333333333) inset;
   color: #d96060;
 }
-@media (min-width: 768px) {
+@media (min-width: 576px) {
   header.header .menu__links {
     position: static;
     flex-direction: row;
@@ -591,7 +591,7 @@ main.projects .projects__categories .category__cards {
   gap: 2rem;
   padding: 1rem;
 }
-@media (min-width: 768px) {
+@media (min-width: 576px) {
   main.projects .projects__categories .category__cards {
     grid-template-columns: repeat(2, 1fr);
   }
diff --git a/assets/scss/components/_navbar-toggle.scss b/assets/scss/components/_navbar-toggle.scss
index 745aefe..5ec8169 100644
--- a/assets/scss/components/_navbar-toggle.scss
+++ b/assets/scss/components/_navbar-toggle.scss
@@ -6,7 +6,7 @@
   padding: 10px 5px;
   cursor: pointer;
 
-  @include breakpoint(md) {
+  @include breakpoint(sm) {
     display: none;
   }
 
diff --git a/assets/scss/layout/_header.scss b/assets/scss/layout/_header.scss
index 8112438..e53349c 100644
--- a/assets/scss/layout/_header.scss
+++ b/assets/scss/layout/_header.scss
@@ -85,7 +85,7 @@ header.header {
     }
 
     // desktop styles
-    @include breakpoint(md) {
+    @include breakpoint(sm) {
       position: static;
 
       flex-direction: row;
diff --git a/assets/scss/pages/_projects.scss b/assets/scss/pages/_projects.scss
index 7b7fee5..49faf2b 100644
--- a/assets/scss/pages/_projects.scss
+++ b/assets/scss/pages/_projects.scss
@@ -11,7 +11,7 @@ main.projects {
 
       padding: 1rem;
 
-      @include breakpoint(md) {
+      @include breakpoint(sm) {
         grid-template-columns: repeat(2, 1fr);
       }