added 3 more recommendations in a new row

helper.py

@@ -13,7 +13,7 @@ def normalize_rating(rating_str):
     except ValueError:
         return 0  # Return 0 if the rating is invalid
 
-def get_recommendations(course_name, data, similarity_matrix, top_n=3, threshold=90, rating_weight=0.05):
+def get_recommendations(course_name, data, similarity_matrix, top_n=6, threshold=90, rating_weight=0.05):
     """
     Get top N course recommendations based on similarity to the given course name.
     

static/css/styles.css

@@ -126,7 +126,7 @@ form button:hover {
 /* Recommendations list */
 .recommendations-list {
     display: flex;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
     gap: 20px;
     padding: 20px;
     overflow-x: auto;

templates/recommendations.html

@@ -25,10 +25,10 @@ <h2>Recommended Courses</h2>
                 {% for recommendation in recommendations %}
                     <div class="course-item">
                         <div class="course-info">
-                            <h3><a href= "{{ recommendation.course_url }}" > {{ recommendation.course_name }} </a></h3>
-                            <p><strong>Rating:</strong> {{ recommendation.rating }} </p>
-                            <p><strong>Offered by:</strong> {{ recommendation.institution }} </p>
-                            <p><strong>Difficluty level:</strong> {{recommendation.difficulty_level}} </p>
+                            <h3><a href="{{ recommendation.course_url }}"> {{ recommendation.course_name }} </a></h3>
+                            <p><strong>Rating:</strong> {{ recommendation.rating }}</p>
+                            <p><strong>Offered by:</strong> {{ recommendation.institution }}</p>
+                            <p><strong>Difficulty level:</strong> {{ recommendation.difficulty_level }}</p>
                         </div>
                     </div>
                 {% endfor %}