freekake basename

assets/html/furikake/index.html

@@ -93,7 +93,7 @@ img {
     border-radius: 4px;
 }
 
-.bahan-container {
+.div-grid {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
@@ -101,21 +101,21 @@ img {
     margin: 20px 0;
 }
 
-.bahan-item {
+.div-item {
     text-align: center;
     flex: 1 0 calc(25% - 15px); /* 4 items per row by default */
     min-width: calc(25% - 15px);
     max-width: calc(25% - 15px);
 }
 
-.bahan-item img {
+.div-item img {
     width: 100%;
     height: 120px;
     object-fit: cover;
     border-radius: 8px;
 }
 
-.bahan-item p {
+.div-item p {
     margin-top: 8px;
     font-size: 0.9em;
 }
@@ -138,7 +138,7 @@ figcaption {
 
 /* Tablet Size (768px and below) - 2 items per row */
 @media (max-width: 768px) {
-    .bahan-item {
+    .div-item {
         flex: 1 0 calc(50% - 15px);
         min-width: calc(50% - 15px);
         max-width: calc(50% - 15px);
@@ -171,7 +171,7 @@ figcaption {
         padding: 15px;
     }
 
-    .bahan-item {
+    .div-item {
         flex: 1 0 100%;
         min-width: 100%;
         max-width: 100%;
@@ -222,20 +222,20 @@ figcaption {
                 <h2>Apa Saja Isi Furikake?</h2>
                 <p>Furikake biasanya terbuat dari campuran beberapa bahan seperti:</p>
                 
-                <div class="bahan-container">
-                    <div class="bahan-item">
+                <div class="div-grid">
+                    <div class="div-item">
                         <img src="assets/html/furikake/nori.jpeg" alt="Nori">
                         <p>Nori (Rumput Laut)</p>
                     </div>
-                    <div class="bahan-item">
+                    <div class="div-item">
                         <img src="assets/html/furikake/wijen.jpeg" alt="Biji Wijen">
                         <p>Biji Wijen</p>
                     </div>
-                    <div class="bahan-item">
+                    <div class="div-item">
                         <img src="assets/html/furikake/ikankering.jpg" alt="Katsuobushi">
                         <p>Katsuobushi (Ikan Kering)</p>
                     </div>
-                    <div class="bahan-item">
+                    <div class="div-item">
                         <img src="assets/html/furikake/gulagaram.jpg" alt="Garam dan Gula">
                         <p>Garam & Gula</p>
                     </div>
@@ -259,7 +259,7 @@ figcaption {
                 </ul>
                 
                 <figure>
-                    <img src="furikake.jpg" alt="Contoh produk furikake" class="full-width-image">
+                    <img src="assets/html/furikake/furikake.jpg" alt="Contoh produk furikake" class="full-width-image">
                     <figcaption>Berbagai varian produk furikake yang tersedia di pasaran</figcaption>
                 </figure>
             </section>