Added margins when the tag list is hidden

Author: AlanReviews

src/features/Search/Search.module.scss

@@ -59,6 +59,13 @@
   font-size: 0.72rem;
 }
 
+.space {
+  margin-bottom: 3rem;
+  @media (max-width: 600px) {
+    margin-bottom: 1rem;
+  }
+}
+
 .noResults {
   text-align: center;
   margin-top: 5rem;

src/features/Search/Search.tsx

@@ -56,7 +56,7 @@ export function Search({ tags }: SearchProps) {
     setSelectedTagIds((prev) =>
       prev.includes(tag.id)
         ? prev.filter((id) => id !== tag.id)
-        : [...prev, tag.id]
+        : [...prev, tag.id],
     );
   };
 
@@ -130,7 +130,7 @@ export function Search({ tags }: SearchProps) {
           selectedTagIds={selectedTagIds}
         />
         {SelectionMarkup}
-        <div style={{ marginBottom: "3rem" }} />
+        <div className={styles.space} />
         {projects.length === 0 ? <>{NoResultsMarkup}</> : <>{ProjectsMarkup}</>}
       </div>
     </div>