html + css fixing

Виправлення html + css згідно з коментарями ментора.
TyronNIKO · Jul 10, 2024 · 4686edf · 4686edf
1 parent e5635d2
commit 4686edf
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/css/reviews.css b/src/css/reviews.css
@@ -3,7 +3,7 @@
 .reviews-section .reviews-list{margin-bottom:32px}
 .reviews-section .reviews-item{height:376px;padding:32px 24px;border:1px solid rgba(250, 250, 250, 0.2);border-radius:20px;background-color:#1c1d20}
 .reviews-section .reviews-img{width:48px;height:48px;margin-bottom:32px;border-radius:10px}
-.reviews-section .reviews-subtitle{margin-top:8px;color:var(--color-white);font-weight:600;font-size:20px}
+.reviews-section .reviews-subtitle{margin-bottom:8px;color:var(--color-white);font-weight:600;font-size:20px}
 .reviews-section .reviews-text{overflow:hidden;color:rgba(250, 250, 250, 0.6)/* color: #fafafa99; */}
 .reviews-section .btn-wrapper{display:flex;gap:20px;justify-content:center;align-items:center}
 .reviews-section .reviews-btn{display:flex;justify-content:center;align-items:center;width:52px;height:52px;padding:14px;border:1px solid rgba(250, 250, 250, 0.5);border-radius:50%;background-color:transparent;transition:250ms cubic-bezier(0.4, 0, 0.2, 1)}

diff --git a/src/js/reviews.js b/src/js/reviews.js
@@ -78,8 +78,9 @@ function reviewsInit() {
                                                             <li class="swiper-slide " data="${_id}">
                                                                 <div class="reviews-item">
                                                                     <img class="reviews-img" src="${avatar_url}" alt="${author}"/>
-                                                                    <p class="reviews-text">${review}</p>
                                                                     <h2 class="reviews-subtitle">${author}</h2>
+                                                                    <p class="reviews-text">${review}</p>
+                                                                    
                                                                 </div>
                                                             </li>
                                                             `