.

src/components/Reviews/Reviews.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import './Reviews.css';
 
+// Массив с отзывами пользователей
 const reviews = [
   {
     id: 1,
@@ -22,6 +23,7 @@ const reviews = [
   }
 ];
 
+// Компонент для отображения звездного рейтинга
 function StarRating({ rating }) {
   return (
     <span className="star-rating">
@@ -31,17 +33,20 @@ function StarRating({ rating }) {
   );
 }
 
+// Основной компонент отзывов
 function Reviews() {
   return (
     <section className="reviews-section">
-      <h2>Отзывы пользователей</h2>
-      <div className="reviews-list">
+      <h2>Отзывы пользователей</h2> 
+     
+      <div className="reviews-list">{/* Перебираем массив отзывов */}
         {reviews.map(review => (
+          // Карточка отзыва с уникальным ключом
           <div key={review.id} className="review-card">
-            <p className="review-text">"{review.text}"</p>
-            <div className="review-meta">
-              <span className="review-author">{review.author}</span>
-              <StarRating rating={review.rating} />
+            <p className="review-text">"{review.text}"</p> 
+            <div className="review-info"> 
+              <span className="review-author">{review.author}</span> 
+              <StarRating rating={review.rating} /> 
             </div>
           </div>
         ))}
@@ -50,4 +55,5 @@ function Reviews() {
   );
 }
 
+
 export default Reviews;