From 14dfd211ffe1c7c790fefc90bb910d2d84a456e9 Mon Sep 17 00:00:00 2001
From: Karan Kumar <karan2160639@gmail.com>
Date: Thu, 31 Jul 2025 22:15:23 +0530
Subject: [PATCH] Fix: Improve responsive layout of filter-controls section on
 Challenges page

---
 pages/challenges.html | 4 ----
 styles/challenges.css | 6 ++++++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/pages/challenges.html b/pages/challenges.html
index 44220839..c47db113 100644
--- a/pages/challenges.html
+++ b/pages/challenges.html
@@ -62,10 +62,6 @@ <h1 class="challenges-hero__title">
     <!-- Filter Controls -->
     <section class="challenges-filter" aria-labelledby="filters-heading">
       <div class="container filter-controls">
-        <div class="filter-group">
-  
-</div>
-
         <h2 id="filters-heading" class="visually-hidden">Filter Challenges</h2>
 
         <div class="filter-group">
diff --git a/styles/challenges.css b/styles/challenges.css
index 8961e335..326ffd29 100644
--- a/styles/challenges.css
+++ b/styles/challenges.css
@@ -426,6 +426,12 @@ body {
   stroke: var(--text-color);
 }
 
+@media (max-width: 1020px) {
+  .search-group{
+    width: 100%;
+  }
+}
+
 /* === RESPONSIVE === */
 @media (max-width: 768px) {
   .nav__list {