From fc59823ceda746776942a2b831c664a0785decd7 Mon Sep 17 00:00:00 2001
From: ahmed-kashkoush <ahmedkashkoush464@gmail.com>
Date: Thu, 10 Aug 2023 19:07:06 +0300
Subject: [PATCH 1/2] Fix img-holder border-width  on different screens

---
 css/elzero.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/css/elzero.css b/css/elzero.css
index 26eefa6..b295566 100644
--- a/css/elzero.css
+++ b/css/elzero.css
@@ -367,7 +367,8 @@ ul {
   background-color: white;
   border-radius: 6px;
   overflow: hidden;
-  transition: transform var(--main-transition), box-shadow var(--main-transition);
+  transition: transform var(--main-transition),
+    box-shadow var(--main-transition);
 }
 .articles .box:hover {
   transform: translateY(-10px);
@@ -421,7 +422,8 @@ ul {
 .gallery .box {
   padding: 15px;
   background-color: white;
-  box-shadow: 0px 12px 20px 0px rgb(0 0 0 / 13%), 0px 2px 4px 0px rgb(0 0 0 / 12%);
+  box-shadow: 0px 12px 20px 0px rgb(0 0 0 / 13%),
+    0px 2px 4px 0px rgb(0 0 0 / 12%);
 }
 .gallery .box .image {
   position: relative;
@@ -488,11 +490,21 @@ ul {
   border-color: transparent transparent white transparent;
   transition: var(--main-transition);
 }
+@media ((min-width: 537px) and  (max-width:684px)) {
+  .features .box .img-holder::after {
+    border-width: 0px 0px 170px 700px;
+  }
+}
 .features .box .img-holder img {
   max-width: 100%;
 }
 .features .box:hover .img-holder::after {
-  border-width: 170px 500px 170px 0;
+  border-width: 170px 500px 170px 0px;
+}
+@media ((min-width: 537px) and  (max-width:684px)) {
+  .features .box:hover .img-holder::after {
+    border-width: 170px 900px 170px 0px;
+  }
 }
 .features .box h2 {
   position: relative;

From 4fe610af75a493c7c1106d48dd98218d0cd01b6c Mon Sep 17 00:00:00 2001
From: ahmed-kashkoush <ahmedkashkoush464@gmail.com>
Date: Thu, 10 Aug 2023 19:11:57 +0300
Subject: [PATCH 2/2] updating border width value

---
 css/elzero.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/elzero.css b/css/elzero.css
index b295566..2c14dae 100644
--- a/css/elzero.css
+++ b/css/elzero.css
@@ -503,7 +503,7 @@ ul {
 }
 @media ((min-width: 537px) and  (max-width:684px)) {
   .features .box:hover .img-holder::after {
-    border-width: 170px 900px 170px 0px;
+    border-width: 170px 700px 170px 0px;
   }
 }
 .features .box h2 {