feat: updated course catalog pills w resp. design

fix: correct catalog course card fix: removed full-width course-catalog-pills
UnlockedLabs · Sep 4, 2024 · 045c427 · 045c427
1 parent 4056dab
commit 045c427
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/frontend/src/Components/CatalogCourseCard.tsx b/frontend/src/Components/CatalogCourseCard.tsx
@@ -148,7 +148,10 @@ export default function CatalogCourseCard({
                         <p className="body-small line-clamp-2">
                             {course.description}
                         </p>
-                        <div className="flex flex-wrap py-1 mt-2 space-y-2">
+                        {/*<div className="flex flex-col sm:flex-row flex-wrap py-1 mt-2 gap-2">*/}
+                        {/*    {programPill}  {outcomePills}*/}
+                        {/*</div>*/}
+                        <div className="flex flex-col sm:flex-row flex-wrap py-1 mt-2 space-y-2 sm:space-y-0 sm:gap-2">
                             {programPill} {outcomePills}
                         </div>
                     </div>