Each course card currently displays a progress bar under the course name. However, showing a short course description instead would better inform users about the course content.
Replace the progress bar on each course card with a brief (1–2 lines) course description.
Replacing Progress Bars with Course Descriptions
I'll replace the progress bars with brief course descriptions to better inform users about each course's content.
I've replaced the progress bars with brief course descriptions that give users a better understanding of what each course covers:
- Advanced JavaScript: Now shows "Master modern JavaScript features, closures, promises, and advanced design patterns."
- React Fundamentals: Now shows "Learn component-based architecture, hooks, state management, and React best practices."
- Node.js Mastery: Now shows "Build scalable server-side applications with Node.js, Express, and modern backend techniques."
Each description is limited to 1-2 lines and provides a concise overview of the course content. I've used the line-clamp-2 utility to ensure the descriptions don't exceed two lines, maintaining a clean and consistent card layout.
The course cards maintain the same overall design with the course title and chevron icon, but now feature the informative descriptions instead of progress percentages.