Fix Some Features

Author: n4vrl0s3

css/style.css

@@ -246,6 +246,7 @@ body {
 .about h2,
 .menu h2,
 .products h2,
+.modal h2,
 .contact h2 {
   text-align: center;
   font-size: 2rem;
@@ -255,6 +256,7 @@ body {
 .about h2 span,
 .menu h2 span,
 .products h2 span,
+.modal h2 span,
 .contact h2 span {
   color: var(--primary);
 }

index.html

@@ -316,12 +316,15 @@ <h3>Product 1</h3>
               sapiente repudiandae iste asperiores eveniet? Facilis, voluptates?
               Iure temporibus error nesciunt debitis earum a.
             </p>
-            <div class="product-stars">
-              <i data-feather="star" class="star-full"></i>
-              <i data-feather="star" class="star-full"></i>
-              <i data-feather="star" class="star-full"></i>
-              <i data-feather="star" class="star-full"></i>
-              <i data-feather="star" class="star-full"></i>
+            <div class="product-content">
+              <h3>Cappuccino</h3>
+              <div class="product-star">
+                <i data-feather="star" class="star-full"></i>
+                <i data-feather="star" class="star-full"></i>
+                <i data-feather="star" class="star-full"></i>
+                <i data-feather="star" class="star-full"></i>
+                <i data-feather="star" class="star-full"></i>
+              </div>
             </div>
             <div class="product-price">IDR 30.000 <span>IDR 40.000</span></div>
             <a href="#"