freekake basename

assets/html/index.html

@@ -92,7 +92,7 @@
             border-radius: 4px;
         }
 
-        .gizi-grid {
+        .div-grid {
           display: flex;
           flex-wrap: wrap;
           justify-content: center;
@@ -100,13 +100,13 @@
           margin-top: 5px;
         }
 
-        .gizi-item {
+        .div-item {
           text-align: center;
           max-width: 100px;
           flex: 1 1 200px;
         }
 
-        .gizi-item img {
+        .div-item img {
           width: 100%;
           height: auto;
           border-radius: 10px;
@@ -148,12 +148,12 @@
                 padding: 15px;
             }
 
-            .gizi-grid {
+            .div-grid {
               flex-direction: column;
               align-items: center;
             }
 
-            .gizi-item {
+            .div-item {
               max-width: 80%;
             }
         }
@@ -175,24 +175,24 @@
               <h2>Apa Itu Gizi Seimbang?</h2>
               <p>Gizi seimbang adalah cara makan yang mengandung semua zat gizi yang dibutuhkan tubuh. Zat gizi itu terdiri dari:</p>
               
-              <div class="gizi-grid">
-                <div class="gizi-item">
+              <div class="div-grid">
+                <div class="div-item">
                   <img src="assets/html/karbohidrat.png" alt="Karbohidrat" />
                   <p><strong>Karbohidrat</strong><br>Sumber energi seperti nasi, roti, dan kentang.</p>
                 </div>
-                <div class="gizi-item">
+                <div class="div-item">
                   <img src="assets/html/protein.png" alt="Protein" />
                   <p><strong>Protein</strong><br>Untuk membangun otot, misalnya ikan, telur, dan tahu.</p>
                 </div>
-                <div class="gizi-item">
+                <div class="div-item">
                   <img src="assets/html/lemak.png" alt="Lemak" />
                   <p><strong>Lemak</strong><br>Memberikan tenaga, seperti dari kacang-kacangan dan minyak sehat.</p>
                 </div>
-                <div class="gizi-item">
+                <div class="div-item">
                   <img src="assets/html/vitaminmineral.png" alt="Vitamin dan Mineral" />
                   <p><strong>Vitamin dan mineral</strong><br>Dari sayur dan buah yang membantu tubuh bekerja dengan baik.</p>
                 </div>
-                <div class="gizi-item">
+                <div class="div-item">
                   <img src="assets/html/seratair.png" alt="Serat dan Air" />
                   <p><strong>Serat dan air</strong><br>Membantu pencernaan dan menjaga tubuh tetap segar!</p>
                 </div>